vue-cli打包上线去除console.log输出

1.首先需要下载terser-webpack-plugin

npm i terser-webpack-plugin -D

2.配置vue.config.js,在生产环境时才去除

configureWebpack: {
	chainWebpack:config => {
    if(process.env.NODE_ENV === "production"){
      // 去除console.log输出
      config.optimization
      .minimizer('terser')
      .tap(args => {
        Object.assign(args[0].terserOptions.compress, { 
          pure_funcs: ['console.log']
        })
        return args
      })
    }
}

3.使用打包命令,然后即可使用

npm run build:prod

你可能感兴趣的:(前端web,vue,webpack)