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

王浩的博客

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容