vue2去除打包后的debugger和console

最新推荐文章于 2025-02-11 08:37:35 发布

蒲公英没有糖

最新推荐文章于 2025-02-11 08:37:35 发布

阅读量1.2k

点赞数 2

CC 4.0 BY-SA版权

文章标签： javascript webpack 前端

本文链接：https://blog.youkuaiyun.com/weixin_42841605/article/details/129248844

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何去除打包后的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
    }),
]