Vue,React 打包上线去除打印日志 console.log 等...

能c能v

于 2021-03-29 16:19:02 发布

阅读量1.3k

点赞数

分类专栏： vue.js 原创

本文链接：https://blog.youkuaiyun.com/qq_43391160/article/details/115304450

版权

原创同时被 2 个专栏收录

51 篇文章

订阅专栏

vue.js

18 篇文章

订阅专栏

本文介绍了如何在Vue和React项目中，通过配置Babel插件在生产环境中移除console.log语句。在Vue中，通过npm安装`babel-plugin-transform-remove-console`并在`babel.config.js`中条件性地添加该插件。在React中，修改`webpack.config.js`的optimization设置来实现相同的目标。

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

1.Vue

插件安装：

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

使用：babel.config.js

// 项目在发布时需要用到的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
  ]
}