Categories: Webpack 教程

Webpack:ContextModuleFactory Hooks

Compiler​ 使用 ​ContextModuleFactory​ 模块从 webpack 独特的 require.context API 生成依赖关系。它会解析请求的目录,为每个文件生成请求,并依据传递来的 regExp 进行过滤。最后匹配成功的依赖关系将被传入 NormalModuleFactory。

ContextModuleFactory​ 类扩展了 ​Tapable​ 并提供了以下的生命周期钩子。 你可以像使用编译器钩子一样使用它们:

ContextModuleFactory.hooks.someHook.tap(/* ... */);

与 ​compiler​ 一样,​tapAsync​ 和 ​tapPromise​ 是否可用 取决于钩子的类型。

beforeResolve

AsyncSeriesWaterfallHook

在解析请求的目录之前调用。请求可以通过返回 ​false​ 来忽略。

  • 回调参数:​data

afterResolve

AsyncSeriesWaterfallHook

在请求的目录解析后调用。

  • 回调参数:​data

contextModuleFiles

SyncWaterfallHook

读取目录内容后调用。在递归模式下,也会读取每个子目录。回调参数是一个包含每个目录中所有文件和文件夹名称的数组。

  • 回调参数:​fileNames

alternativeRequests

AsyncSeriesWaterfallHook

在创建请求之后但依据 regExp 进行过滤之前,为每个文件调用。

  • 回调参数:​request​ ​options

andy

前端小白,在Web176教程网这个平台跟大家一起学习,加油!

Share
Published by
andy

Recent Posts

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

6 天 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

2 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

2 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

3 周 ago

聊聊React和Vue组件更新的实现及区别

React 和 Vue 都是当…

4 周 ago