[vite源码解析] 总览

Vite (法语意为 "快速的",发音 /vit/) 是一种新型前端构建工具,能够显著提升前端开发>体验。它主要由两部分组成:

  • 一个开发服务器,它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR)。
  • 一套构建指令,它使用 Rollup 打包你的代码,并且它是预配置的,可输出用于生产环境的高度优化过的静态资源。
    Vite 意在提供开箱即用的配置,同时它的 插件 API 和 JavaScript API 带来了高度的可扩展性,并有完整的类型支持。

上面是vite官网的相关介绍,我们会从源码角度来逐个解析vite的内部构造和实现原理,目前分为3个part:

  • cli篇:介绍vite作为cli工具的实现方案
  • server篇:介绍vite是如何创建一个node 服务代理的,以及如何与客户端通信的
  • client篇:介绍客户端的实现方式及通信过程
  • esbuild: 详细介绍vite如何借助esbuild提升js/ts(x) 的编译速度
  • vite/rollup 插件篇:详细介绍vite的插件系统
  • 总结篇:综合讲述vite的设计思路

你可能感兴趣的:([vite源码解析] 总览)