Unify config for webpack

packages/webapp/webpack.common.js

@@ -12,23 +12,45 @@ module.exports = {
     resolve: {
         extensions: ['.ts', '.tsx', '.js', '.jsx']
     },
+    output: {
+        filename: '[name].bundle.js',
+        path: path.resolve(__dirname, 'dist')
+    },
     module: {
         rules: [{
-                test: /\.tsx?$/,
+            test: /\.tsx?$/,
-                use: 'ts-loader',
+            use: 'ts-loader',
-                exclude: '/node_modules/'
+            exclude: '/node_modules/'
-            },
+        },
-            {
+        {
-                test: /\.(png|jpe?g|gif|svg)$/,
+            test: /\.(png|jpe?g|gif|svg)$/,
-                use: [{
+            use: [{
-                    loader: 'file-loader',
+                loader: 'file-loader',
-                    options: {
+                options: {
-                        esModule: false,
+                    esModule: false,
-                    }
+                }
-                }]
+            }]
-            },
+        },
         ]
     },
+    optimization: {
+        usedExports: true,
+        splitChunks: {
+            cacheGroups: {
+                vendors: {
+                    test: /node_modules\/(?!antd\/).*/,
+                    name: "vendors",
+                    chunks: "all",
+                },
+                // This can be your own design library.
+                antd: {
+                    test: /node_modules\/(antd\/).*/,
+                    name: "antd",
+                    chunks: "all",
+                },
+            },
+        }
+    },
     plugins: [
         new CleanWebpackPlugin(),
         new CopyWebpackPlugin({

packages/webapp/webpack.dev.js

@@ -17,10 +17,6 @@ module.exports = merge(common, {
       ]
     }
   },
-  output: {
-    filename: 'bundle.js',
-    path: path.resolve(__dirname, 'dist')
-  },
   plugins: [
     new HtmlWebpackPlugin({
       template: path.join(__dirname, 'public/index.html'),

packages/webapp/webpack.prod.js

@@ -5,27 +5,6 @@ const path = require('path');
 module.exports = merge(common, {
   mode: 'production',
   devtool: 'source-map',
-  output: {
-    filename: '[name].bundle.js',
-    path: path.resolve(__dirname, 'dist')
-  },
   optimization: {
-    minimize: true,
+    minimize: true  }
-    usedExports: true,
-    splitChunks: {
-      cacheGroups: {
-        vendors: {
-          test: /node_modules\/(?!antd\/).*/,
-          name: "vendors",
-          chunks: "all",
-        },
-        // This can be your own design library.
-        antd: {
-          test: /node_modules\/(antd\/).*/,
-          name: "antd",
-          chunks: "all",
-        },
-      },
-    }
-  }
 });