Moving all the theme files out of the theme directory

webpack/base.config.js

@@ -0,0 +1,42 @@
+const path = require('path');
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
+
+module.exports = {
+  context: path.resolve(__dirname, '../src'),
+  plugins: [new MiniCssExtractPlugin()],
+  entry: {
+    app: ['./js/index.js']
+  },
+  output: {
+    path: path.resolve(__dirname, '../static/dist')
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(css|scss)$/,
+        use: [
+          MiniCssExtractPlugin.loader,
+          'css-loader',
+          {
+            loader: 'postcss-loader'
+          },
+          {
+            loader: 'sass-loader'
+          }
+        ]
+      },
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: 'babel-loader'
+      }
+    ]
+  },
+  optimization: {
+    minimizer: [
+      `...`,
+      new CssMinimizerPlugin(),
+    ],
+  },
+}

webpack/dev.config.js

@@ -0,0 +1,8 @@
+const baseConfig = require('./base.config.js');
+const { merge } = require('webpack-merge');
+
+module.exports = merge(baseConfig, {
+  mode: 'development',
+  devtool: 'eval-source-map',
+  watch: true
+});

webpack/prod.config.js

@@ -0,0 +1,11 @@
+const baseConfig = require('./base.config.js');
+const { merge } = require('webpack-merge');
+const TerserPlugin = require("terser-webpack-plugin");
+
+module.exports = merge(baseConfig, {
+  mode: 'production',
+  optimization: {
+    minimize: true,
+    minimizer: [new TerserPlugin()],
+  },
+});