feat: 新增terser-webpack-plugin插件build时移除console等多余代码

package.json

@@ -86,7 +86,8 @@
     "vue-template-compiler": "2.6.11",
     "vuedraggable": "^2.23.2",
     "webpack": "^4.35.3",
-    "webpack-bundle-analyzer": "^3.3.2"
+    "webpack-bundle-analyzer": "^3.3.2",
+    "terser-webpack-plugin": "^1.2.4"
   },
   "husky": {
     "hooks": {

vue.config.js

@@ -5,6 +5,7 @@
  * @Date: 2020年10月28 10:44:39
  */
 const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
+const TerserPlugin = require('terser-webpack-plugin');
 const path = require('path');
 
 function resolve(dir) {
@@ -50,12 +51,24 @@ module.exports = {
       .loader('svgo-loader')
       .end();
   },
-  configureWebpack: {
-    resolve: {
-      alias: {
-        '@': resolve('src'),
-        packages: resolve('packages'),
-      },
-    },
+  configureWebpack: (config) => {
+    config.resolve.alias['@'] = resolve('src');
+    config.resolve.alias.packages = resolve('packages');
+    const plugins = [
+      new TerserPlugin({
+        terserOptions: {
+          compress: {
+            warnings: false,
+            drop_debugger: false,
+            drop_console: true,
+          },
+        },
+        sourceMap: false,
+        parallel: true,
+      }),
+    ];
+    if (process.env.NODE_ENV !== 'development') {
+      config.plugins = [...config.plugins, ...plugins];
+    }
   },
 };