课程名称:Web前端架构师2022版
课程章节: 第9周 项目整体搭建
主讲老师:张轩
课程内容:
今天学习的内容包括:
2-3 小花絮:Vue CLI 对战 Vite
课程收获:
Vite 比 Vue CLI 快 10 - 100 倍?
Vue CLI 的功能
- 工程脚手架
- 开发服务器
- 插件系统
- 用户 UI 界面
- Vue CLI 构建是基于 Webpack 的。主要耗时都在 Webpack 的性能上。
Vite
- 利用 浏览器的 原生 ES 模块,基于 Rollup 进行构建。
- 处于测试阶段,不是一体化的工具,目的就是一个快速的开发服务器和简单的构建工具。
对比时刻
它为什么这么快?
Vite 的缺点
- 测试阶段
- 只支持新版支持 ES modules 的浏览器
- 第三方库也需要都支持 ES modules
- CommonJS 支持有限
- 开发构建属于两套系统,可能导致生产和开发的不一致行为
Vite 的前辈
Snowpack
-一个利用浏览器中JavaScript模块的开发服务器项目