vue-cli3生產環境去掉console.log
阿新 • • 發佈:2020-12-23
第一步首先安裝terser-webpack-plugin
cnpm install terser-webpack-plugin -D
第二步在vue.config.js檔案裡寫外掛的配置:
module.exports = {
configureWebpack: (config)=>{
if(process.env.NODE_ENV === 'production'){
config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
}
}
}
補充:上面的寫法是直接修改webpack的配置,vue官方文件裡說也可以返回一個將會被合併的物件,寫法如下:
const TerserPlugin = require('terser-webpack-plugin') module.exports = { configureWebpack: (config) => { if (process.env.NODE_ENV === 'production') { return { optimization: { minimizer: [ new TerserPlugin({ sourceMap: false, terserOptions: { compress: { drop_console: true } } }) ] } } } } };