本文探讨了Vue项目构建时长增加的问题，提出通过在性能开销大的loader前添加cacheloader来优化。同时，深入介绍了Vite和Snowpack这两个快速的前端开发工具。Vite利用浏览器的ES module实现快速冷启动、即时模块热更新和按需编译。而Snowpack则依靠JavaScript的原生模块系统，避免打包，强调其快速的处理流程，对业务代码和node_modules中的依赖进行不同方式的处理，以实现高速开发体验。
cacheloader
问题：随着业务代码不断增加，项目深度不断延伸，我们的构建时长也会因此不断增加。渐渐的vue项目编译时间变长
##优化方法
一些性能开销较大的 loader 前面添加 cache-loader，将结果缓存在磁盘中减少编译时间
参考
vite & snowpack 原理
vite
vite 主要特点是基于浏览器 native 的 ES module (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import) 来开发，省略打包这个步骤，因为需要什么资源直接在浏览器里引入即可。
vite —— 一个由 vue 作者尤雨溪开发的 web 开发工具，它具有以下特
订阅专栏 解锁全文
扫一扫
415
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
