安装插件
npm install babel-plugin-transform-remove-console --save-dev
添加配置
安装babel-plugin-transform-remove-console开发依赖,然后在项目的babel.config.js的plugin中添加节点。再build就不会有console警告了。
如下配置无论在开发环境还是生产环境都会去掉所有的console输出语句。
但是babel.config.js文件是全局共享的,无论是开发阶段还是生产阶段,都会移除所有的console,我们想在开发阶段保留console该怎么做呢?
如下:
代码:
// 项目在发布时需要用到的babel插件数组 const proPlugins = [];// 如果当前是生产环境,则使用去掉console的插件 if(process.env.NODE_ENV === 'production') { proPlugins.push('transform-remove-console'); } module.exports = { presets: ['@vue/cli-plugin-babel/preset'], plugins:[...proPlugins] }