webpack 打包时,代码压缩,删除console与注释

new webpack.optimize.UglifyJsPlugin({
            //删除注释
            output:{
                comments:false
            },
            //删除console 和 debugger  删除警告
            compress:{
                warnings:false,
                drop_debugger:true,
                drop_console:true
            }
        })

uglifyJsPlugin 用来对js文件进行压缩,减小js文件的大小。其会拖慢webpack的编译速度,建议开发环境时关闭,生产环境再将其打开。

UglifyJsPlugin 文档

vue cli 3.0中,  在vue.config.js中配置

configureWebpack:{
    optimization: {
      minimizer: [
        new UglifyJsPlugin({
          uglifyOptions: {
            // 删除注释
            output:{
              comments:false
            },
            // 删除console debugger 删除警告
            compress: {
              warnings: false,
              drop_console: true,//console
              drop_debugger: false,
              pure_funcs: ['console.log']//移除console
            }
          }
      })
    ]
    }
  }

运行出现报错 UglifyJs
DefaultsError: warnings is not a supported option

降低版本(使用 "uglifyjs-webpack-plugin": "^1.1.1"),打包正常,效果达到

你可能感兴趣的:(前端自动化)