课程名称：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模块的开发服务器项目