【学习打卡】第4天 vite 零基础快速入门

课程名称：vite 零基础快速入门

课程章节： 课程介绍，vite概念及设计思想， vite+react 

主讲老师：Tomas

课程内容：

1. 前端打包工具的发展历程

2. vite 基本概念和设计思想

   1. vite 概念及设计思想

      1. 前端构建工具

      2. 一个开发服务 服务于开发环境

      3. 一套构建指令  服务于生产环境

      4. 打包：使用工具抓取，处理并将我们的源码串联成在浏览器构建的文件

      5. webpack    

      6. rollup

      7. parcel

      8. gulp

      9. 存在的问题

         1. 缓慢的服务启动

         1. 缓慢的更新

      10. vite 将模块分为依赖和源码两类 （按需加载源码）

      11. 初始化（esm 加载时  vite 加载更快）

          1. yarn create vite

          2. vanila 是原生的js

3. vite和Create-React-App  对比

   1. CRA   安装速度 和启动速度都是比较慢的

   2. vite 安装速度 和启动速度都是更快的

   3. CRA 打包的产物更小

   4. vite 打包产物更大

课程收获：

今天是第一次接触到vite是基本esm，相比较Create- React-App 来说 安装速度和启动速度更快，打包的产物更小。还认识到了其他没有见过的构建化工具。