Vue CLI3 3.x 配置 vue.config.js 清除 console
导读 网上看了几种方式不是无效就是报错,可能是版本差异较大导致。通过自己实践,亲测了一种可行的清除 console 的方式。
使用 uglifyjs-webpack-plugin
// 我的 Vue ClI 版本
Vue cli 3.x
// 我的 uglifyjs-webpack-plugin 版本 ^2.1.3
-
第一步 安装 uglifyjs-webpack-plugin
npm i uglifyjs-webpack-plugin --save-d
-
在 vue.config.js 添加如下配置
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
module.exports = {
configureWebpack: {
optimization: {
minimizer: [
new UglifyJsPlugin({
uglifyOptions: {
warnings: false,
compress: {
pure_funcs: ['console.log','console.debug']//移除console
}
}
})
]
},
},
};
注: 网上有很多方式是,这种方式在最新的uglifyjs-webpack-plugin 会提示DefaultsError: warnings
is not a supported option ,详细说明见官方仓库中的一个 ISSUE (https://github.com/mishoo/UglifyJS2/issues/3394)
uglifyOptions: {
compress: {
warnings: false,
pure_funcs: ['console.log']//移除console
}
}