vue-cli打包去掉去掉console.log

vue-cli3版本

测试版本：“vue/cli-service”: “3.6.0”

安装依赖

npm install -D terser-webpack-plugin@4.2.0

配置vue.config.js

configureWebpack: (config) => {
    // 添加如下代码
    if (process.env.NODE_ENV === 'production') {
      config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
    }
  },

vue-cli4版本

测试版本："@vue/cli-service": “~4.5.0”

安装依赖

npm install -D terser-webpack-plugin@5.1.1

配置vue.config.js

configureWebpack: (config) => {
    // 添加如下代码
    if (process.env.NODE_ENV === 'production') {
      config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
    }
  }

或者配置如下

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
					})
				}
			)
	}