我是谁

webpack中与assets资源进行交互的模块,逐渐通过对NormalModuleFacotry.hooks.createParserNoemalModuleFactory.createGeneratorCompilation.hooks.renderManifest等几个钩子容器函数的监听!
AssetModules所做的钩子函数监听

干预的钩子函数

通过提供的干预的钩子函数,创建对应的Parser以及Generator对象,来处理webpack中的默认的对asset资源加载的统一配置,也就是对配置的实现!

1、NormalModuleFactory.hooks.createParser

针对不同类型的createParser创建对应的Parser对象,主要由以下 👇 几种类型的asset:

asset类型 对应创建的Parser
asset AssetParser
asset/inline AssetParser
asset/resource AssetParser
asset/source AssetSourceParser

2、NormalModuleFactory.hooks.createGenerator

针对不同类型的createGenreator创建不同参数的Genreator对象,主要由以下 👇 几种类型的asset:

3、Compilation.hooks.renderManifest