vue项目在打包时,如何去掉所有的console.log输出

最新推荐文章于 2025-03-11 11:23:14 发布

m0_60452436

最新推荐文章于 2025-03-11 11:23:14 发布

阅读量1.1k

点赞数 13

文章标签： vue.js javascript 前端前端框架

本文链接：https://blog.youkuaiyun.com/m0_60452436/article/details/140604056

版权

安装插件

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