vue项目过大编译速度慢的，下载dynamic-import-node插件。vue项目生产环境去掉 console

vue项目过大编译速度慢的，下载dynamic-import-node插件。vue项目生产环境去掉 console

阐述

1. 公司项目过大，编译速度慢，下载dynamic-import-node 插件。
2. 如果要避免生产环境下在控制台打印console的信息，下载安装 babel-plugin-transform-remove-console

安装方式如下：

yarn add  babel-plugin-transform-remove-console

yarn add dynamic-import-node

babel.config.js文件代码如下：

ps：

• webpack3下面没有webpack.prod.conf.js 配置文件了，需要在根目录自行创建 babel.config.js即可。

// 生产环境下清除console打印
const plugins = []
if (process.env.NODE_ENV === 'production') {
  plugins.push('transform-remove-console')
}
module.exports = {
  presets: [
    '@vue/app'
  ],
  plugins,
  '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.
      // https://panjiachen.github.io/vue-element-admin-site/guide/advanced/lazy-loading.html
      'plugins': ['dynamic-import-node']
    }
  }
}