微前端集成优化：让所有子应用体积更小，加载更快

文章预览

点击上方  前端Q ，关注公众号 回复 加群 ，加入前端Q技术交流群 简介 随着前端的日益发展，微前端架构越来越受到青睐。它通过将前端应用拆分为多个独立的子应用，每个子应用可以独立开发、部署和运行，从而提升了开发效率和团队协作。目前主流的微前端方案应该是 qiankun 了。 以笔者公司为例，采用的就是qiankun框架，主应用采用了vue3，子应用五花八门都有。笔者公司前端服务的子应用大约有400多个，后期也会继续增多！ 因此，如何优化子应用的体积和加载速度，提升用户体验和性能是我们亟待解决的问题！ 本文将分享我们公司用到的一些优化方案。 优化方案 在代码层的优化，比如按需加载、懒加载、静态资源优化的都是大家熟知的方案了，这里我就不展开了。我们主要的优化在打包上，我们减少体积的两大方案主要是： gzip压缩 依赖 ………………………………