Resolve "Replace Gulp with Webpack"

webpack.common.babel.js

@@ -0,0 +1,33 @@
+import { resolve } from 'path';
+import { CleanWebpackPlugin } from 'clean-webpack-plugin';
+import MiniCssExtractPlugin from 'mini-css-extract-plugin';
+
+export default {
+  entry: {
+    main: ['./src/newsreader/js/index.js', './src/newsreader/scss/index.scss'],
+  },
+  output: {
+    path: resolve(__dirname, 'src', 'newsreader', 'static', 'js'),
+    filename: '[name].bundle.js',
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(js|jsx)$/,
+        exclude: /(node_modules|bower_components)/,
+        use: { loader: 'babel-loader' },
+      },
+      {
+        test: /\.(sass|scss)$/,
+        use: [{ loader: MiniCssExtractPlugin.loader }, 'css-loader', 'sass-loader'],
+      },
+    ],
+  },
+  plugins: [
+    new MiniCssExtractPlugin({
+      filename: './src/newsreader/static/css/[name].css',
+      allChunks: true,
+    }),
+    new CleanWebpackPlugin(),
+  ],
+};