手记

【金秋打卡】第17天 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模块的开发服务器项目

0人推荐
随时随地看视频
慕课网APP