在開發(fā)環(huán)境寫了很多console.log/info/debug,在生產環(huán)境需要去掉這些console儒洛。
如果手動刪除項目文件少勉強可以,文件如果太多那就太累了狼速,以后想再調試還得重新寫console琅锻。
事實上webpack提供了刪除console的插件,在vue-cli3里面是這樣用的:
首先安裝terser-webpack-plugin
npm install terser-webpack-plugin --save
使用yarn的同學使用
yarn add terser-webpack-plugin
然后在vue.config.js文件里寫插件的配置:
module.export = {
configureWebpack: (config)=>{
if(process.env.NODE_ENV === 'production'){
config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
}
}
}