1. 程式人生 > 實用技巧 >vue-cli3生產環境去掉console.log

vue-cli3生產環境去掉console.log

第一步首先安裝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
                                }
                            }
                        })
                    ]
                }
            }
        }
    }
};