vue-cli 之优化热刷新

babel-plugin-dynamic-import-node

.babelrc

{
  "plugins": ["dynamic-import-node"]
}

babel.config.js

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  env: {
    development: {
      plugins: [
        [
          "dynamic-import-node",
          {
            "noInterop": true
          }
        ]
      ]
    }
  }
}

可选项 noInterop

如果为true 则不会互换 require 调用。 有用的是避免使用require（’module’）。默认在 commonjs 模块上。
开发环境通过 babel 将异步 import() 转化为同步 require() 来增加热更新速度，生产环境继续使用 webpack 的import 机制。