优化——在执行build命令期间移除所有的console

最新推荐文章于 2023-12-30 01:58:06 发布

Grimoire_ll

最新推荐文章于 2023-12-30 01:58:06 发布

阅读量2.3k

点赞数

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

本文链接：https://blog.youkuaiyun.com/qq_42264597/article/details/124760328

版权

前端专栏收录该内容

15 篇文章

订阅专栏

优化——在执行build命令期间移除所有的console

插件：bal-plugin-transfrom-remove-console’

官网：https://www.npmjs.com/package/babel-plugin-transform-remove-console

1、安装：npm install babel-plugin-transform-remove-console --save-dev

2、在babel.config.js的plugins中配置"transform-remove-console"

plugins: [
    [
      'component',
      {
        libraryName: 'element-ui',
        styleLibraryName: 'theme-chalk'
      }
    ],
    'transform-remove-console'
  ]

3、在项目开发阶段移除会影响开发，因此设置只在发布阶段移除

// 这是项目发布阶段需要用到的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
  ]
}