我是谁
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
最后更新: 2023年02月13日 06:48
原始链接: https://www.91temaichang.com/2023/02/11/webpack-plugin-asset-modules/