vue项目在发布生产环境时,去除console控制台的打印信息

164 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

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

修改babel.config.js 文件

const prodPlugins = []
// 判断当前环境是pro还是dev
if (process.env.NODE_ENV === 'production') {
  prodPlugins.push('transform-remove-console')
}
module.exports = {
  presets: [
    // https://github.com/vuejs/vue-cli/tree/master/packages/@vue/babel-preset-app
    '@vue/cli-plugin-babel/preset'
  ],
  'env': {
    'development': {
      // babel-plugin-dynamic-import-node plugin only does one thing by converting all import() to require().
      // This plugin can significantly increase the speed of hot updates, when you have a large number of pages.
      'plugins': [
        'dynamic-import-node',
        // 去除log打印日志
        ...prodPlugins
      ]
    }
  }
}