vite 特点

  • 开发时效率极高
  • 开箱即用,功能完备
  • 摄取丰富,兼容rollup
  • 超高速热重载
  • 预设应用和类库打包模式
  • 和前端类库无关

image.png

目标

  • 掌握 Vite 使用
  • 理解 Vite 原理
  • 构建对于前端构建的认知

image.png

课程内容

  • Vite 的使用
    • 各种前端框架集成
    • Css、图片、Wasm 之类的第三方资源加载
    • Typescript、JSX 不同语法集成
    • glob import
    • 预编译文件
    • 后端集成
  • Vite 插件开发和实战
    • rollup、esbuild 学习
    • Vite 插件 API 详解
    • 官方插件用例详解
  • Vite 的源码解析
    • Vite 性能如此出色的原因
    • Vite 的HMR如何实现
    • 服务端渲染原理

image.png
image.png