AssetModulesPlugin.js
我是谁
webpack
中与assets资源进行交互的模块,逐渐通过对NormalModuleFacotry.hooks.createParser
、NoemalModuleFactory.createGenerator
、Compilation.hooks.renderManifest
等几个钩子容器函数的监听!
干预的钩子函数
通过提供的干预的钩子函数,创建对应的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
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 online阳光-专注于大前端行业领域!