这是我参与「第五届青训营 」伴学笔记创作活动的第 7 天
Vite知识体系
- 浅谈构建工具
为什么需要构建工具?
前端工程的痛点:
- 模块化(ESM、CommonJS、UMD)
- 资源编译(高级语法的编译)
- 产物质量(代码体积、代码性能)
- 开发效率(热更新)
- Vite 概要介绍 Vite是什么? Why Vite?
开发体验问题日渐显露!
- 缓慢的启动->项目编译等待成本高
- 缓慢的热更新->修改代码后不能实时更新
瓶颈在哪里?
- bundle 带来的性能开销
- JavaScript 语言的性能瓶颈
两大行业趋势
- 全球浏览器对原生ESM 的普遍支持(目前占比92%以上)
- script 标签增加 type="module”属性
- 使用ESM 模块导入导出语法
- 基于原生语言(GoRust)编写前端编译工具链 ；如Go语言编写的Esbuild、 Rust 编写的 SWC
3. Vite上手实战 4. Vite 整体架构 5. Vite 进阶路线
标题：Vite 基本概要 - 掘金
