vite

1. 劣势
2. 优势
   • 打包快
   • 预打包
     • 第三方库预打包

通过浏览器去做打包esmodule?

webpack 迁移到 vite

• magic commit (webpack)
  • rollup

特性

1. 在开发环境中，一个 import 语句代表一个 HTTP 请求，正式Vite的dev server来接收这些请求、进行文件转义以及返回浏览器可以正常运行的代码，从而让项目正常进行

对比
react 官方基于 Webpack 的脚手架create-react-app，从项目初始化到依赖安装所花的时间与 Vite 对比如下:
![[Pasted image 20220623152500.png]]

缺点：

1. 二次预构建页面 reload 的问题

registry.npmmirror.com 淘宝源新地址应该是这个