解决vue打包后去掉console

 方法一:使用插件 babel-plugin-transform-remove-console

  1. npm install babel-plugin-transform-remove-console --save-dev  安装插件
  2. 生产环境:在项目的babel.config.js的plugin中添加节点。
     
    let transformRemoveConsolePlugin = [];
    
    if (process.env.NODE_ENV === 'production') {
    
      transformRemoveConsolePlugin = ['transform-remove-console']
    
    };

 

解决vue打包后去掉console_第1张图片

方法二:配置vue.config.js 文件 

只需要简单几句代码,即可完成

chainWebpack(config){
    config.optimization.minimizer('terser').tap((args) => {
      args[0].terserOptions.compress.drop_console = true
      return args
    })
}

如图:

解决vue打包后去掉console_第2张图片

 

你可能感兴趣的:(vue2,vue.js,javascript,前端)