vue webpack生产环境打包去除console.log

1 安装插件

// 插件版本要和webpack的版本匹配

npm i terser-webpack-plugin -D 

// "terser-webpack-plugin": "^4.2.3",

2 vue.config.js中配置

// 找到 chainWebpack 新增代码:

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

如图:

vue webpack生产环境打包去除console.log_第1张图片

3 在package.json中新增指令

"scripts": {
    "prod": "vue-cli-service build"
}

 

你可能感兴趣的:(前端,webpack,vue.js,javascript,打包,去除console.log)