01-vite 学习内容

vite 学习内容

1. vite 特点

   • 开发时效率极高
   • 开箱即用功能完备
   • 社区丰富，兼容 rollup
   • 超高速热重载
   • 预设应用和类库打包模式
   • 前端类库无关
     • 本身不强制绑定任何前端框架或库，可以自由选择使用技术

2. vite 中使用的 esbuild 、rollup 与其他工具对比

   • 

   • vite 3年 28.6k + 的赞 webpack 5 个大版本才 58k + 的赞

3. 目标

   • 掌握vite的基本使用
   • 理解vite原理
   • 构建对前端的认知
     • 构建是前端逃不开的话题
       • 前端框架时代
       • 前端应用越来越复杂
       • 学习构建就是提升自己的重要的过程
   • 

4. 学习内容

   1. vite的使用
   2. vite插件的开发和实战 ，通过写 md 来写页面，vue/react
   3. vite的源码解析 vite为什么这么强及如何实现，掌握更多编程技巧和知识，让我们做出更好的项目
      1. vite 性能如此出色的原因
      2. vite 的 HMR 如何实现
      3. 服务端渲染原理
      4. 

5. vite的使用

   1. 各种前端框架集成
   2. Css、图片、Wasm之类的第三方资源加载
   3. Typescript、JSX不同语法构成
   4. glob import 功能
   5. 预编译文件
   6. 后端集成

6. vite 插件系统

   1. rollup
   2. esbuild 学习
   3. vite 插件的 api
   4. 官方的插件用例详解