单页面首屏优化，打包后大小减少64M，加载速度快了13.6秒 1. 静态文件缓存(js,css等)，图片和SVG进行压缩或者替换。 2. 删掉无用路由、引用的库（实际未使用），然后启用树摇 3. ..

最近一直在看umi打包相关的优化，踩了好多坑，总算有了一点小小的心得，在此分享一下，希望能帮到有类似需要的朋友们。

距离上次的项目总结差不多有一个月了,一直没时间来总结项目的优化，项目用的框架是vite4+vue3 安装分析图表rollup-plugin-visualizer 首先我们想优化项目，第一步要看看我们打

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议

本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。

只要是做项目开发，必定离不开项目优化这个话题，实际工作中的项目页面一般都比多，业务逻辑自然也比较复杂，构建速度肯定会越来越慢，我们可以使用webpack optimization进行打包优化