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

最新推荐文章于 2024-07-29 09:53:05 发布

zeroyulong

最新推荐文章于 2024-07-29 09:53:05 发布

阅读量2w

点赞数 3

分类专栏：前端自动化文章标签： webpack 打包删除console

本文链接：https://blog.csdn.net/zeroyulong/article/details/88311312

版权

前端自动化专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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")，打包正常，效果达到