关于vuecli3.0 打包时去掉console debugger

当你是使用 vuecli3.0的打包工程时,
image

vue-cli3.0在打包过程中就使用了terser-webpack-plugin插件进行优化
位置:node_modules/@vue/cli-service/lib/config/terserOptions.js
compress对象中

image
可加入

warnings: false,
drop_console: true,
drop_debugger: true,
pure_funcs: ['console.log']

上面这种实现中存在自己本地开发环境,换个电脑就发现不行,推荐在项目的代码中实现不要随意修改引入的插件代码
在vue.config.js中

chainWebpack(config) {
config.optimization.minimizer('terser').tap((args) => {
args[0].terserOptions.compress.drop_console = true
return args
})
}
posted @   xiao旭  阅读(90)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
点击右上角即可分享
微信分享提示