fix: update webpack config

Signed-off-by: getlarge <ed@getlarge.eu>

plugins/add-vendors-plugin.js

@@ -18,9 +18,9 @@ module.exports = class AddVendorsPlugin {
                 const vendor = compilation.assets[`vendors.${this.base}`]
 
                 if (main && vendor) {
-                    const compiledAsset = new ConcatSource(main.children[0])
+                    const compiledAsset = new ConcatSource(main._value[0])
                     compiledAsset.add(vendor)
-                    compiledAsset.add(main.children[1])
+                    compiledAsset.add(main._value[1])
                     compilation.assets = {}
                     compilation.assets[this.base] = compiledAsset
                 } else if (main && mainMap) {
@@ -28,6 +28,7 @@ module.exports = class AddVendorsPlugin {
                     compilation.assets[this.base] = main
                     compilation.assets[`${this.base}.map`] = mainMap
                 }
+                
                 callback()
             }
         )

webpack.development.js

@@ -6,29 +6,29 @@
 
 'use strict'
 
-const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+const TerserPlugin = require('terser-webpack-plugin')
 
 module.exports = {
-    devtool: 'inline-source-map',
+  devtool: 'inline-source-map',
-    optimization: {
+  optimization: {
-        minimizer: [
+    minimizer: [
-            new UglifyJsPlugin({
+      new TerserPlugin({
-                test: /vendor/,
+        test: /vendor/,
-                sourceMap: false,
+        sourceMap: false
-            }),
+      }),
-            new UglifyJsPlugin({
+      new TerserPlugin({
-                test: /^((?!(vendor)).)*.js$/,
+        test: /^((?!(vendor)).)*.js$/,
-                sourceMap: true,
+        sourceMap: false
-            })
+      })
-        ],
+    ],
-        splitChunks: {
+    splitChunks: {
-            cacheGroups: {
+      cacheGroups: {
-                commons: {
+        commons: {
-                    test: /[\\/]node_modules[\\/]/,
+          test: /[\\/]node_modules[\\/]/,
-                    name: 'vendors',
+          name: 'vendors',
-                    chunks: 'all'
+          chunks: 'all'
-                }
+        }
-            }
+      }
-        },
+    }
-    },
+  }
 }

webpack.parts.js

@@ -7,7 +7,7 @@
 'use strict'
 
 const path = require('path')
-const merge = require('webpack-merge')
+const { merge } = require('webpack-merge')
 
 const development = require('./webpack.development.js')
 const production = require('./webpack.production.js')