关于vue.js:不得不说一下vite

61次阅读

共计 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 不得不说的事
正文完
 0