常用第一种方法
一、第一种方法
1、安装 babel-plugin-transform-remove-console
npm install babel-plugin-transform-remove-console --save-dev
2、修改 babel.config.js
文件
// //项目发布阶段需要用到的babel插件
let transformRemoveConsolePlugin = []
// //判断是开发还是发布阶段
if (process.env.NODE_ENV === 'production') {
transformRemoveConsolePlugin = ['transform-remove-console']
}
module.exports = {
plugins: [
...transformRemoveConsolePlugin
]
}
二、第二种方法
1.安装 terser-webpack-plugin
2.修改 babel.config.js
文件
const TerserPlugin = require('terser-webpack-plugin')
module.exports = {
configureWebpack: config => {
config
.optimization = {
minimizer: [
new TerserPlugin({
terserOptions: {
compress: {
drop_console: true
}
}
})
]
}
}
}