- 1、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
深入浅出Vite
插件流水线:从整体到局部,理解Vite的编译能
力
发布于2022-05-09
我们知道,Vite在开发阶段实现了一个按需加载的服务器,每一个文件请求进来都会经
历一系列的编译流程,然后Vite会将编译结果响应给浏览器。在生产环境下,Vite同
样会执行一系列编译过程,将编译结果交给Rollup进行模块打包。这一系列的编译过
程指的就是Vite的插件工作流水线(Pipeline),而插件功能又是Vite构建能力的,
因此谈到阅读Vite源码,我们绕不开插件的作用与实现原理。
接下来,我就和你一起分析Vite插件流水线的顶层架构,也就是各个插件如何被调度和
组织起来的,详细说说Vite插件容器(PluginContainer)机制的实现,同时带你一起梳
理开发阶段和生产环境各自会用到的插件,并分析各自的功能与实现原理,让你能够全
面、准确地认识Vite的插件流水线!
插件容器
从《双引擎架构》小节中我们知道Vite的插件机制是与Rollup兼容的,但它在开发和
生产环境下的实现稍有差别,你可以回顾一下这张架构图:
深入浅出vite
插件流水线:从整体到局部,理解vite的编译能
的编译能
发布于2022‑05‑09
我们知道,vite,在开发阶段实现了一个按需加载的服务器,每一个文件请求进来都会
经,然后vite会将编译结果响应给浏览器。在生产环境下,vite同同,将编译结果交给
汇总进行模块打包。这一系列的编译过vite的插件工作流水线(管道),而插件功能又
是vite构建能力的,因此谈到阅读vite构建能力的,因此谈到阅读
接下来,我就和你一起分析vite插件流水线的顶层架构,也就是各个插件如何被调度和,
详细说说vite插件容器(pluginContainer)机制的实现,同时带你一起梳,并分析各自
的功能与实现原理,并分析各自的功能与实现原理,让你能够全vite的插件流水线!
插件容器
从《双引擎架构》小节中我们知道vite的插件机制是与汇总兼容的,但它在开发和,你
可以回顾一下这张架构图::
我们可以看到:
在生产环境中Vite直接调用Rollup进行打包,所以Rollup可以调度各种插件;
在开发环境中,Vite模拟了Rollup的插件机制,设计了一个PluginContainer对
象来调度各个插件。
PluginContainer(插件容器)对象非常重要,前两节我们也多次提到了它,接下来我们就
把目光集中到这个对象身上,看看Vite的插件容器机制究竟是如何实现的。
PluginContainer的实现基于借鉴于WMR中的rollup-plugin-container.js,主要
分为2个部分:
实现Rollup插件钩子的调度
实现插件钩子的Context上下
文档评论(0)