vue-cli4项目打包时删除console

Terser 去除

webpack 内置了 TerserPlugin 用来打包 js ，我们可以在 webpack 官网找到该插件的说明：TerserWebpackPlugin

在其 Github 下找到去除 console 的配置项：

使用 vue-cli 推荐的链式 webpack 配置法在 vue.config.js 配置中增加：

chainWebpack(config) {
  config.when(process.env.NODE_ENV !== 'development', config => {
    config.optimization.minimizer('terser').tap(options => {
		      options[0].terserOptions.compress.drop_console = true
		      return options
    	})
	}
}

babel 去除

npm i babel-plugin-transform-remove-console --save-dev

babel.config.js配置

module.exports = {
  presets: ['@vue/cli-plugin-babel/preset'],
  'env': {
    'development': {
      'plugins': ['dynamic-import-node']
    },
    'production': {
      'plugins': ['transform-remove-console']
    }
  }
}

参考文章: vue-cli4打包去除项目内console最干净的方法