这是我参与「第五届青训营 」伴学笔记创作活动的第15天
学习内容
Vite 是一个新的开源 JavaScript 构建工具，它专注于提供快速、简单、可扩展的构建体验。Vite 使用 TypeScript 编写，它利用浏览器的原生 ES Module 支持，并借助浏览器的动态编译功能，让构建时间达到极致。
Vite 的知识体系由以下几部分组成：
- 开发环境：Vite 提供了一个完整的开发环境，让开发者可以在本地开发和调试应用程序。它支持 JavaScript 语法高亮、热模块替换（HMR）、样式热重载（CSS HMR）等功能。
- 构建系统：Vite 提供了一个构建系统，用于将源代码转换为浏览器可以理解的格式。它支持 JavaScript 的压缩，支持 CSS 合并、图片压缩等功能，以及支持动态导入（dynamic import）等特性。
- 部署系统：Vite 提供了一个部署系统，用于将构建后的代码部署到服务器上。它支持 FTP、SSH 和 Git 等多种部署方式，支持部署前的文件压缩，以及部署后的缓存管理等功能。
- 核心模块：Vite 提供了一个核心模块，它可以将构建后的代码打包成一个文件，以便于在浏览器上加载。它支持多种格式的打包，包括 UMD、CommonJS、ESM 等，支持 Tree Shaking 等优化，以及支持代码拆分等特性。
另外，Vite 还提供了一些高级功能来支持更复杂的应用程序，比如支持模板编译（template compilation）、支持 TypeScript 编译、支持热更新（hot-reload）等。它还支持插件，可以让开发者定制自己的构建系统，以满足不同的需求。 此外，Vite 也提供了一个 CLI 工具，可以让开发者在命令行中快速创建和管理项目，以及执行构建和部署等操作。Vite 的 CLI 工具还支持模板，可以快速生成应用程序模板，以及支持构建和部署脚本定制等功能。 总之，Vite 的知识体系是一个完善的构建工具，它提供了一套开发环境、构建系统、部署系统和核心模块，支持从开发到部署的完整流程，并且支持一系列的高级功能，可以满足开发者的各种需求。
总结
Vite 的知识体系涵盖了从开发环境到部署系统的所有技术，让开发者可以快速、高效地开发和部署应用程序。它支持浏览器的原生 ES Module 支持，以及支持动态导入（dynamic import）等特性，使得构建体验变得更加迅捷、简洁。
