vue2去除打包后的debugger和console

最新推荐文章于 2025-02-08 13:04:32 发布

原创最新推荐文章于 2025-02-08 13:04:32 发布 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #webpack #前端

在开发阶段使用的console.log和debugger在部署到生产环境时需要移除，以优化代码。这通常通过Webpack的UglifyJsPlugin插件实现，设置compress选项为true，包括drop_debugger和drop_console，以删除相关语句。

如何去除打包后的debugger和console

我们在开发过程中，经常会需要一些console和debugger来帮助我们调试代码等，但在生产环境不需要这些日志信息，所以，通常我们会将生产环境的debugger和console去除。
将项目中的 build/webpack.prod.conf.js文件修改：

plugins:[
  new UglifyJsPlugin({
      uglifyOptions: {
        compress: {
          warnings: false,
          drop_debugger:true, //去除打包后的debugger
          drop_console:true //去除打包后的console
        }
      },
      sourceMap: config.build.productionSourceMap,
      parallel: true
    }),
]