vue在生产环境清除console.log

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

weixin_30920091

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

阅读量666

点赞数

CC 4.0 BY-SA版权

文章标签： javascript webpack ViewUI

原文链接：http://www.cnblogs.com/wangyunhui/p/10275917.html

本文介绍了一种在生产环境中自动移除console.log的方法，通过在webpack.prod.conf.js中配置UglifyJsPlugin插件，实现压缩代码并移除console.log，避免生产环境中不必要的日志输出。

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

在开发环境中我们喜欢用console.log测试代码，但是部署到生产环境我们不可能一个一个把console.log给手动删除了。

在build/webpack.prod.conf.js文件里加上这样一段代码即可

new UglifyJsPlugin({
        uglifyOptions: {
          mangle: {
            safari10: true
          },
                    compress: {
        warnings: false,
        drop_debugger: true,//console
        drop_console: true,
                pure_funcs: ['console.log']//移除console
      },
        },
        sourceMap: config.build.productionSourceMap,
        cache: true,
        parallel: true,
                
      }),