共计 465 个字符,预计需要花费 2 分钟才能阅读完成。
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 不得不说的事
正文完