vite4.3已发布，本文介绍了改造一个2018年的react老项目到vite4.3全过程，并对碰到的错误进行一一说明和解答。

如何去优化一个历史悠久项目的构建效率，功能不断增加，代码变得臃肿，依赖关系复杂，导致启动和打包项目的时间变得越来越长

带你从原理上了解 webpack 和 vite 的区别。Vite 通过在一开始将应用中的模块区分为 依赖 和 源码 两类，改进了开发服务器启动时间

在现如今，热更新早已成为前端基建中不可或缺的一环，它可以在不刷新整个页面的情况下更新页面中的部分内容，从而提高开发效率，优化开发体验。然而，在实际面试的过程中，笔者发现 80% 的人并不清楚这其中的设

在计算中，缓存是一个高速数据存储层，相比于直接访问源数据，缓存能够提供给用户和App更容易获取数据的途径。Webpack缓存为是一把提高构建速度的利器。本文详细介绍Webpack缓存实现。

Webpack官方文档这么说：代码分离是webpack中最引人注目的特性之一。此特性能够把代码分离到不同的bundle中，然后可以按需加载或并行加载这些文件。代码分离可以用于获取更小的bundle，以及控制资源加载优先级，如果使用合理，会极大影响加载时间。 要想做chunk分离…

面试官灵魂三连问：你用过webpack么，它的原理是什么？ 你还知道些构建工具，各有什么优缺点？ 你在项目中有配置过么，在哪些场景配置过？

本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…