这是我参与「第四届青训营 」笔记创作活动的第13天
本文章根据老师的讲解思路来记录。
为什么需要构建工具
我认为构建工具就是为了让我们方便开发，让我们更好的，更有效率的完成工作。
Vite的概要介绍
开发优化的瓶颈：
- bundle带来的性能开销
- JavaScript语言的性能瓶颈
Vite的优势来自于它基于原生ESM开发：
来自于它使用ESBuild的编译优势
来自于其内置的功能例如各种loader和插件：
Vite的使用
使用Sass/Scss文件：
引入组件，并函数式使用：
使用静态资源：
并且默认热替换,不需要配置。
使用Vite不需要进行loader，webpack插件什么的配置，类似与我们买房时的精装房。
Vite的结构组成
这是Vite的结构，Vite使用Esbuild进行预打包，再进行数据的处理同时与插件配合生成Plugin Container。
开发时见图右。
对Vite预打包进行解释：我的理解就是提前进行一些准备工作，将各种原材料进行处理和准备提高效率。
Vite的插件机制：使用插件机制抽离核心逻辑，易于扩展，在js课程中我们讲到了插件化编写js。
Vite进阶
我们要熟悉双引擎的使用和插件开发。
Vite插件化时我们要做什么，在预定的各个Hook中我们可以实现逻辑。
之后的内容我会找时间更新。
