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

1,928 阅读1分钟

起初是同事反应 开发环境下,在编译中遇到了一个大问题(我和另外一个同事因为电脑配置好一些,基本没什么卡顿)。当编译项目时,需要花费很长时间进行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'] } } }

    我的博客