一、推荐插件:
babel-plugin-transform-remove-console
1. 安装
$ npm install babel-plugin-transform-remove-console -D
# 或者
$ yarn add babel-plugin-transform-remove-console --dev
2. 配置
【babel.config.js】中配置如下:
const plugins = []
// 生产环境移除console
if (process.env.NODE_ENV === 'production') {
plugins.push('transform-remove-console')
}
module.exports = {
plugins: [...plugins]
}
二、其他插件
terser-webpack-plugin
1. 安装
$ npm install terser-webpack-plugin -D
2. 配置
【vue.config.js】中配置如下
module.export = {
configureWebpack: (config)=>{
if(process.env.NODE_ENV === 'production'){
config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
}
}
}