vue实现打包去除console.log

最新推荐文章于 2025-06-18 17:05:29 发布

LennieGao

最新推荐文章于 2025-06-18 17:05:29 发布

阅读量1w

点赞数 11

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue js

本文链接：https://blog.csdn.net/weixin_43654258/article/details/106259771

vue 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用Babel插件transform-remove-console移除项目中的console.log语句，适用于生产环境下的代码优化，提升应用性能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

好好学习，天天向上。Are you ready?

代码奉上！！！！！！！！！

首先下载插件

npm install babel-plugin-transform-remove-console --save-dev

然后创建或进入项目根目录下babel.config.js文件
在这里插入图片描述
代码如下

let plugins = [];
if (process.env.NODE_ENV === "production") {    // todo  if判断是否打包,打包环境下控制台去掉console.log,也可去掉if判断，整个项目不会出现console.log(不建议)
  plugins.push("transform-remove-console");
}
module.exports = {
  presets: ["@vue/cli-plugin-babel/preset"],
  plugins: plugins
};