vue项目去除打印信息console

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

麦兜_冰夕

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

阅读量734

点赞数 7

分类专栏：踩坑工程化文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/lyn1772671980/article/details/136540502

版权

踩坑同时被 2 个专栏收录

12 篇文章

订阅专栏

工程化

4 篇文章

订阅专栏

本文介绍了如何在Webpack配置中使用`chainWebpack`方法，包括设置别名、修改输出文件名，以及使用Terser插件进行代码压缩，同时移除console.log和debugger以提高性能。

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

chainWebpack: (config) => {
config.resolve.alias
.set('@$', resolve('src'))

config.output.filename('static/js/main-[name]-[chunkhash:8].js')

config.optimization.minimizer('terser').tap(
args => {
console.log('args is ',args)
// 注释console
args[0].terserOptions.compress.drop_console = true
// remove debugger
args[0].terserOptions.compress.drop_debugger = true
// remove debugger
args[0].terserOptions.compress.pure_funcs = ['console.log']
// 去掉注释
args[0].terserOptions.output = {
comments: false
}
return args
}
)