webpack5X，vue h5项目前端build压缩时，使用uglifyjs-webpack-plugin插件去除生产环境的console输出_webpack.optimize.uglifyjsplugin compress

项目打包一开始使用：

  new webpack.optimize.UglifyJsPlugin({
        compress: {
            warnings: false,
            drop_debugger: true,
            drop_console: true
        },
        sourceMap: true
  }),
1
2
3
4
5
6
7
8

执行打包命令后，控制台报错：

Error: webpack.optimize.UglifyJsPlugin has been removed, please use config.optimization.minimize instead.
1

安装压缩插件:

npm install uglifyjs-webpack-plugin --save-dev
1

在 webpack.pro.conf.js 中（生产环境配置文件），引入压缩插件：

const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
1

 optimization: {
    minimizer: [
      new UglifyJSPlugin({
        uglifyOptions: {
          compress: {
            pure_funcs: [
              'console.log',
            ],
          },
          mangle: {
            reserved: [
              'console.log',
            ],
          },
        },
      }),
    ],
  },
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

注意：optimization的层级关系