Webpack5 Tapable 简析

最新推荐文章于 2023-02-16 13:15:11 发布

ChristopherKeith

最新推荐文章于 2023-02-16 13:15:11 发布

阅读量317

点赞数

文章标签： webpack 前端 node.js

本文链接：https://blog.csdn.net/EasonMu/article/details/122212793

版权

SyncHook/AsyncSeriesHook… → Hook

基类
Hook为具体hook（SyncHook/AsyncSeriesHook…）的基类，提供基础方法，如tap/tapAsync/tapPromise（订阅钩子事件）、call/promise/callAsync（发布钩子订阅），call/promise/callAsync 指向 Hook.prototype.compile方法（执行tap订阅），该方法需子类重写，基类不提供
子类重写compile方法
子类钩子（SyncHook/AsyncSeriesHook…）的compile方法调用SyncHookCodeFactory（不同子类钩子不一样，***HookCodeFactory）实例的create方法，SyncHookCodeFactory继承自HookCodeFactory，用于执行tap订阅

综上，SyncHook等hooks 功能由Hook 与 HookCodeFactory两个类提供，SyncHook继承自Hook，Hook提供基础功能（发布/订阅），HookCodeFactory用于执行具体的订阅行为

关注