webpack loader 的运行过程

本文深入探讨Webpack的NormalModule的doBuild函数如何调用loaderRunner的runLoaders方法加载和执行loader。从初始化到遍历loader,再到加载源码和执行工厂方法,详细解析了整个loader执行流程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

loaderRunner

webpack 的 NormalModule 的 doBuild 函数调用了 loaderRunder 组件的 runLoaders 去 加载loader 并且 执行loader 工厂方法

过程

1.调用runLoader 执行初始化

2.iteratePitchingLoaders 遍历数组

3.loadLoader 加载loader,通过require() 方式加载。 并且把加载的工厂方法挂载到 loaderContext.loader 的 normal 中

4.如果loader 包含pitch 函数,则立即执行

5.如果是最后一个loader, 调用processResource 加载源码

6.否则加载下一个loader

7.调用processResource加载待编译的源代码 并将源码传递给 iterateNormalLoaders 执行

8.iterateNormalLoaders 调用 runSyncOrAsync

9.runSyncOrAsync 调用 loader 的工厂函数,获得编译后的结果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值