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

项目打包一开始使用:

  new webpack.optimize.UglifyJsPlugin({
        compress: {
            warnings: false,
            drop_debugger: true,
            drop_console: true
        },
        sourceMap: true
  }),

执行打包命令后,控制台报错:

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

安装压缩插件:

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

在 webpack.pro.conf.js 中(生产环境配置文件),引入压缩插件:

const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
 optimization: {
    minimizer: [
      new UglifyJSPlugin({
        uglifyOptions: {
          compress: {
            pure_funcs: [
              'console.log',
            ],
          },
          mangle: {
            reserved: [
              'console.log',
            ],
          },
        },
      }),
    ],
  },

注意:optimization的层级关系
在这里插入图片描述


版权声明:本文为weixin_43848571原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。