解决 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']
        }
    }
}

王浩的博客

推荐阅读更多精彩内容