1.基础配置vite.config.js 1.静态资源分类打包 1.业务逻辑和npm包分类打包 缺点： 所有文件打包在一起，首屏加载过慢 资源无法做到最大限度有效缓存，修改某个文件，会全量更新 2.

在一次前端性能优化项目中，我们发现仅仅一个 icon font 文件就高达 20MB。这不仅拖慢了首屏加载速度，还极大地浪费了带宽。最终，我们将它压缩到了 10KB，而不影响任何功能表现。 这一过程背

前言 Hello~大家好。我是秋天的一阵风 在现代 Web 开发中，优化页面加载性能是提升用户体验的关键。随着 Web 应用的复杂性不断增加，合理地预加载资源变得尤为重要。preload 和 pref

相信大家都跟我一样有这样一个疑问：之前都说虚拟DOM是为了性能，怎么现在又反向宣传了？无虚拟DOM怎么又逆流而上成为了性能的标杆了呢？ 下篇文章我们会仔细分析无虚拟DOM与虚拟DOM之间的区别……

前言 众所周知我们在日常开发项目的过程中都会使用到webpack,vite等等这样的静态模块打包工具，那么他们的工作原理的流程是怎样的呢？在本文中将从一个小demo开始我们的webpack工作原理流程