Vue Cli3 加速dev构建- babel-plugin-dynamic-import-webpack插件

使用 babel-plugin-dynamic-import-webpack
一个动态打包模块的插件，在工程大起来的时候效果奇好！
https://github.com/airbnb/babel-plugin-dynamic-import-webpack

1 安装插件

npm install babel-plugin-dynamic-import-webpack --save-dev

2 babel.config.js设置

module.exports = {
  env: {
    development: {
      plugins: ['dynamic-import-webpack']
    }
  },
}

注意：网上很多文章用的是插件babel-plugin-dynamic-import-node，效果确实有！但这个插件是服务node环境的，在webpack工程中打包动态拼接的import语句会导致报错：Critical dependency: the request of a dependency is an expression（本人是发现Vue的动态组件无法加载才意识到此问题）。
具体可以看作者的Github Issue：https://github.com/airbnb/babel-plugin-dynamic-import-node/issues/88