vite 简介
- Vite 是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打包。
vite 作用
- 疾速的冷启动：不须要期待打包操作；
- 即时的热模块更新：替换性能和模块数量的解耦让更新飞起；
- 真正的按需编译：不再期待整个利用编译实现，这是一个微小的扭转。
vite 运行原理
- 在浏览器端应用 export、import 的形式导入和导出模块，在 script 标签里设置 type=”module”（ES Modules 目前支流的浏览器都曾经反对）。
vite 性能实现
- 提供 web server：借用了 koa 来启动服务
- 模块解析：外围是拦挡浏览器对模块的申请
- 反对 /@module/：判断门路是否以 /@module/ 结尾，如果是取出包名，去 node_module 里找到这个库，基于 package.json 返回对应的内容
- 文件编译：拦挡了对模块的申请并执行实时编译
相干材料
- https://github.com/vitejs/vite
- 有了 vite，还须要 webpack 么？
- Vue3 之——和 Vite 不得不说的事