首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vite源码解析
zygg不含糖
创建于2021-12-17
订阅专栏
解析Vite2.6.10源码系列,包含ESbuild介绍、预构建、热更新、moduleGraph,以及Vite的优势等
等 62 人订阅
共8篇文章
创建于2021-12-17
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vite 源码(八)Vite 的预构建原理
预构建会将CommonJS转换成ESM、缓存第三方文件、减少文件的HTTP请求数量等作用。这篇文章分析Vite是怎么收集依赖以及通过什么方式实现的预构建
Vite 源码(七)Vite 的热更新原理
Vite是怎么实现热更新的?这篇文章从一个demo出发分析Vite热更新原理,以及查找热更新链路。最后也会介绍Vite的hmr钩子函数
Vite 源码(六)解析 importAnalysis 插件
importAnalysis是 Vite 中内置的很重要的一个插件,它的作用有 解析并重写请求文件中的导入、支持通过 ESM 方式引入转成ESM的CommonJS模块等
Vite 源码(五)浏览器访问 `localhost:3000/` 时,Vite做了什么
在之前几篇文章中我们知道了Vite 的启动过程。这篇文章就来介绍下当访问localhost:3000/时,Vite做了什么。已经是怎么处理js文件的
Vite 源码(四)Vite 的 Module Graph
每种构建工具都会有一个 Graph 用于维护模块之间的引用和模块信息,这篇文章分析 Vite 的 Module Graph 是什么样子
Vite 源码(三)Vite 为什么可以支持 Rollup 钩子函数
Vite 是怎么支持 Rollup 钩子函数,以及常用钩子函数的执行逻辑。并解析@rollup/plugin-alias、esbuildPlugin插件的实现原理
Vite 源码(二)vite启动流程以及如何获取config配置
当在控制台输入yarn run dev时,Vite做了什么事。Vite为什么冷启动快以及和webpack相比有哪些优势。
Vite 源码(一)ESbuild 使用
Vite 中很多地方都是用了 ESbuild,比如 请求 ts、jsx、tsx 文件时将其编译成js文件,预编译模块等,这篇文件会介绍ESbuild怎么使用,以及怎么手写ESbuild插件