Vue webpack打包自动删除debugger和console语句

最新推荐文章于 2024-08-29 10:45:47 发布

不爱吃面的北方人

最新推荐文章于 2024-08-29 10:45:47 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/weixin_42731116/article/details/89206210

Vue 专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何使用UglifyJsPlugin插件，在项目打包时移除debugger和console语句，优化代码体积。通过在webpack.prod.conf.js配置文件中添加特定插件选项，实现压缩代码、去除警告、移除调试信息的功能。

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

利用UglifyJsPlugin插件来实现项目打包后，删除debugger和console语句

在build/webpack.prod.conf.js文件中添加如下代码

plugin:[
    new UplifyJsPlugin(){   
        uglifyOptions: {
            compress: {
            warnings: false,//警告
            drop_debugger: true,//debugger
            drop_console: true,//console(注释掉)
            pure_funcs:['console.log'] // 移除console
            }
        }
        
    }
]