小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。
Vite 从入门到精通 | 基本概念
特点
-
开发时效率极高
-
开箱即用, 功能完备
-
社区丰富, 兼容 rollup
-
超高速热重载
-
预设应用和类库打包模式
-
前端类库无关
本专栏内容
- Vite 的使用
- 各种前端框架集成
- CSS,图片,Wasm 之类的第三方资源加载
- Typescrit、JSX 不同语法集成
- glob import
- 预编译文件
- 后端集成
- Vite 插件系统
- Rollup 和 ESbuild
- Vite 插件 API
- 官网插件用例详解
- 理解 Vite 的原理
- 为什么Vite 性能如此出色?
- Vite 的 HMR 如何实现?
- 服务端渲染原理
- 构建对前端构建的认知
前端框架时代: 构建是现在前端逃不开的话题
应用场景 插件 源码
什么是 Vite?
下一代前端开发与构建工具
构建工具的高阶封装, 内部使用的其它的构建工具, 最核心的是 Rollup, 与框架无关
目标
- 使用简单
- 开发体验快
- 扩展能力强
与传统构建工具的区别 (Webpack , Rollup)
- High Level API
- 不包含自己的编译能力
- 完全基于 ESM 加载方式的开发
Webpack更全面
Rollup 更专一
Vite 更好用
减少工作 dev server 各类 loader
build 命令 vite build
