情景一:项目有 vue.config.js
文件
// 在 module.export 中的 configureWebpack 中进行环境监测配置,代码如下
module.export {
// 写法1
configureWebpack: config => {
if (process.env.NODE_ENV === 'production') {
config.optimization.minimizer[0].options.terserOptions.compress.warnings = false
config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
config.optimization.minimizer[0].options.terserOptions.compress.drop_debugger = true
config.optimization.minimizer[0].options.terserOptions.compress.pure_funcs = ['console.log']
}
}
// 写法2
configureWebpack: config => {
if(process.env.NODE_ENV === 'production') {
const rules = {
warnings: false,
drop_console: true,
drop_debugger: true,
pure_funcs: ['console.log']
}
for(const key in rules) {
config.optimization.minimizer[0].options.terserOptions.compress[key] = rules[key]
}
}
}
}
情景二:项目有 webpack.prod.conf.js
此类文件
// 则直接在webpack的生产环境配置中配置
// 找到:plugins --> UglifyJsPlugin --> uglifyOptions
new UglifyJsPlugin({
uglifyOptions: {
compress: {
warnings: false,
drop_console: true, // 注释 console
pure_funcs: ['console.log'], //移除 console
}
}
})
评论区