Vue + 项目优化 build阶段使用babel插件将console.log相关代码移除

YoloAva

于 2021-12-27 17:04:39 发布

阅读量395

点赞数

分类专栏： Vue JavaScript 文章标签： vue.js javascript

本文链接：https://blog.youkuaiyun.com/weixin_60463255/article/details/122176209

版权

Vue 同时被 2 个专栏收录

51 篇文章

订阅专栏

JavaScript

20 篇文章

订阅专栏

本文介绍了如何通过npm安装并配置Babel插件transform-remove-console，以便在项目发布阶段移除console.log等在生产环境中的日志输出，提高应用性能。

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

官网：babel-plugin-transform-remove-console - npm

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

2. 根目录下babel.config.js >

//这是项目发布阶段需要用到的babel插件
const prodPlugins = []
if (process.env.NODE_ENV === 'production') {
  prodPlugins.push('transform-remove-console')
}

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    [
      'component',
      {
        libraryName: 'element-ui',
        styleLibraryName: 'theme-chalk'
      }
    ],
    //发布产品时候的插件数组
    ...prodPlugins
  ]
}