vue-cli3 打包时去除 console.log

  通过 terser-webpack-plugin 可以在打包时去除 console.log，记录一下实现。

¶1、安装

npm i terser-webpack-plugin -D

¶2、配置

  在vue.config.js中添加如下配置：

module.export = {
  configureWebpack: config => {
    config.optimization.minimizer[0].options.terserOptions.compress.drop_console = process.env.NODE_ENV === 'production'
  }
}

• configureWebpack 加上 config 的写法会影响到 vue.config.js 中 externals 的使用，更改写法即可：

configureWebpack: config => {
  config.externals = {
    vue: 'Vue',
    'vue-router': 'VueRouter',
    vuex: 'Vuex',
    axios: 'axios',
    vant: 'vant'
  }
}