vue怎么去掉所有的console.log输出

魁首哥

作者

vue怎么去掉所有的console.log输出

这篇文章主要介绍“vue怎么去掉所有的console.log输出”，在日常操作中，相信很多人在vue怎么去掉所有的console.log输出问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”vue怎么去掉所有的console.log输出”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

vue打包去掉所有的console.log输出

安装插件

npminstallbabel-plugin-transform-remove-console--save-dev

添加配置

安装babel-plugin-transform-remove-console开发依赖，然后在项目的babel.config.js的plugin中添加节点。再build就不会有console警告了。

如下配置无论在开发环境还是生产环境都会去掉所有的console输出语句。

但是babel.config.js文件是全局共享的，无论是开发阶段还是生产阶段，都会移除所有的console，我们想在开发阶段保留console该怎么做呢？

如下：

代码：

//项目在发布时需要用到的babel插件数组constproPlugins=[];//如果当前是生产环境，则使用去掉console的插件if(process.env.NODE_ENV==='production'){proPlugins.push('transform-remove-console');}module.exports={presets:['@vue/cli-plugin-babel/preset'],plugins:[...proPlugins]}