生产环境下去掉console.log

最新推荐文章于 2025-04-27 20:53:38 发布

月光浇在石子路上

最新推荐文章于 2025-04-27 20:53:38 发布

阅读量513

点赞数

CC 4.0 BY-SA版权

分类专栏： webpack 文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_39889855/article/details/125226130

webpack 专栏收录该内容

3 篇文章

订阅专栏

本文指导如何在Vue项目中通过Babel插件transform-remove-console，在生产环境禁用console.log，实现打包后的代码控制台输出隐藏。步骤包括安装插件、配置babel.config.js并根据环境条件动态添加插件。

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

1.下载插件

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

2.创建文件babel.config.js文件，和src目录同级

const prodPlugins = []
if(process.env.NODE_ENV === "production"){ //生产环境下去除打印，如开发环境也去除的话，删除条件判断
  prodPlugins.push('transform-remove-console')
}
module.exports = {
  presets: [
    '@vue/app'
  ],
  plugins:[
    ...prodPlugins //注入插件
  ] 
}

3.使用

执行打包命令,然后F12打开控制台，发现打印依然不存在

参考：https://blog.youkuaiyun.com/m0_48850204/article/details/119456084