Vite.js预构建的流程是怎样的？

本文共计3238个文字，预计阅读时间需要13分钟。

目录 + 引言 + 为何要构建 + 构建流程 + 1. 查找依赖 + 2. 对找到的依赖进行构建 + 缓存与构建 + 总结 + 引言：vite + 官网介绍中，第一条提到的特性就是自身的本地冷启动极快。这主要是指...

目录

• 引言
• 为啥要预构建
• 预构建的流程
• 1. 查找依赖
• 2. 对查找到的依赖进行构建
• 缓存与预构建
• 总结

引言

vite在官网介绍中，第一条就提到的特性就是自己的本地冷启动极快。这主要是得益于它在本地服务启动的时候做了预构建。出于好奇，抽时间了解了下vite在预构建部分的主要实现思路，分享出来供大家参考。

为啥要预构建

简单来讲就是为了提高本地开发服务器的冷启动速度。按照vite的说法，当冷启动开发服务器时，基于打包器的方式启动必须优先抓取并构建你的整个应用，然后才能提供服务。随着应用规模的增大，打包速度显著下降，本地服务器的启动速度也跟着变慢。

为了加快本地开发服务器的启动速度，vite 引入了预构建机制。在预构建工具的选择上，vite选择了 esbuild 。