解决 vue热加载编译速度慢问题，引入按需加载插件 dynamic-import-node

起初是同事反应 开发环境下，在编译中遇到了一个大问题（我和另外一个同事因为电脑配置好一些，基本没什么卡顿）。当编译项目时，需要花费很长时间进行76％的基本块优化 下面这俩地方 都会卡顿挺长时间

70% chunk graph
76％ basic chunk optimization RemoveParentModulesPlugin

解决办法 配置babel-plugin-dynamic-import-node插件即可

• Step1

  npm install babel-plugin-dynamic-import-node
  
  
  

• Step2
• 修改babel.config.js文件

module.exports = {
    presets: [
        '@vue/app'
    ],
    env: {
        development: {
          plugins: ['dynamic-import-node']
        }
    }
}

我的博客