compilation.seal中逻辑梳理，目的是找到有效主流程逻辑
未用到：表示内置没有注册的插件
seal: 钩子和调用 | 可能的注册和功能 |
|---|---|
hooks.seal | WarnCaseSersitiveModulesPlugin |
hooks.optimizeDependenciesBasic, hooks.optimizeDependencies, hooks.optimizeDependenciesAdvanced | 1. 未用到 2. FlagAllModulesAsUsedPlugin、FlagDependencyUsagePlugin、SideEffectsFlagPlugin （普通模式下没有用到 - 非必须- 优化策略应该） 3. 未用到 |
hooks.afterOptimizeDependencies | 未用到 |
hooks.beforeChunks | 未用到 |
构造初始ChunkGroupsh和EntryPoints | _preparedEntrypoints new EntryPoint()等 |
buildChunkGraph | 由module-graph 初步构造 chunk-graph |
sortModules() | |
hooks.afterChunks | WebAssemblyModulesPlugin |
hooks.optimize | AggressiveSplittingPlugin |
hooks.optimizeModulesBasic, hooks.optimizeModules, hooks.optimizeModulesAdvanced | 1. 未用到 ,2. 未用到 , 3. 未用到 |
hooks.afterOptimizeModules | 未用到 |
hooks.optimizeChunksBasic, hooks.optimizeChunks, hooks.optimizeChunksAdvanced | 1. EnsureChunkConditionsPlugin、MergeDuplicateChunksPlugin、RemoveEmptyChunksPlugin、RemoveParentModulesPlugin 2. 未用到 3. RemoveEmptyChunksPlugin、AggressiveMergingPlugin、AggressiveSplittingPlugin、LimitChunkCountPlugin、MinChunkSizePlugin、RuntimeChunkPlugin、 SplitChunksPlugin |
hooks.afterOptimizeChunks | FlagInitialModulesAsUsedPlugin |
hooks.optimizeTree | 未用到 |
hooks.optimizeTree 回调中的逻辑
标题 | |
|---|---|
hooks.afterOptimizeTree | 未用到: 表示webpack内部没有任何订阅 |
hooks.optimizeChunkModulesBasic、hooks.optimizeChunkModules、hooks.optimizeChunkModulesAdvanced | 1. 未用到 2. ModuleConcatenationPlugin 3. 未用到 |
hooks.afterOptimizeChunkModules | 未用到 |
hooks.reviveModules | compilation.hooks.reviveModules.tap( "RecordIdsPlugin", |
hooks.optimizeModuleOrder | OccurrenceOrderPlugin OccurrenceOrderModuleIdsPlugin 普通模式下未用到 |
hooks.advancedOptimizeModuleOrder | 未用到 |
hooks.beforeModuleIds | 未用到 |
hooks.moduleIds | 未用到 ChunkModuleIdRangePlugin |
applyModuleIds() | |
hooks.optimizeModuleIds | 未用到 |
hooks.afterOptimizeModuleIds | 未用到 |
sortItemsWithModuleIds() | |
hooks.reviveChunks | RecordIdsPlugin |
hooks.optimizeChunkOrder | NaturalChunkOrderPlugin 有用到 OccurrenceOrderPlugin OccurrenceOrderModuleIdsPlugin |
hooks.beforeChunkIds | NamedChunksPlugin |
applyChunkIds() | |
hooks.optimizeChunkIds | FlagIncludedChunksPlugin |
hooks.afterOptimizeChunkIds | 未用到 |
sortItemsWithChunkIds() | |
hooks.beforeHash | 未用到 |
createHash() | 1. … 2. JavascriptModulesPlugin.hooks.contentHash |
hooks.afterHash | HotModuleReplacementPlugin |
hooks.beforeModuleAssets | 未用到 |
createModuleAssets() | NormalModule提供的loaderContext有emitFile，loader可以通过该接口将资源输出，此时并没有真正的输出文件，只是记录到 module.buildInfo.assets 中 这里的逻辑就是遍历所有的模块，将每个模块在loader阶段输出的文件添加到（调用compilation.emitAsset()）compilation.assets中，统一走compilation的文件输出 file-loader中就有用到该emitFile接口，然后会进入 createModuleAssets() 中… |
hooks.shouldGenerateChunkAssets、hooks.beforeChunkAssets | HotModuleReplacementPlugin shouldGenerateChunkAssets |
createChunkAssets() | 生成Chunk内容 保存到 compilation.assets中 |
hooks.additionalChunkAssets | HotModuleReplacementPlugin |
summarizeDependencies() | |
hooks.additionalAssets | 该钩子的回调中的钩子 hooks.optimizeChunkAssets - BannerPlugin hooks.afterOptimizeChunkAssets - SourceMapDevToolPlugin hooks.optimizeAssets - 无 hooks.afterOptimizeAssets - 无 hooks.needAdditionalSeal - AggressiveSplittingPlugin hooks.afterSeal - 无 |
所有插件？？
WebpackOptionsApply中涉及的插件
插件 | 条件 | 备注 |
|---|---|---|
FetchCompileWasmTemplatePlugin | options.target = 'web | |
LoaderTargetPlugin | options.target = 'web | 给loaderContext设置target |
LibraryTemplatePlugin | output.library | |
ExternalsPlugin | externals | |
EvalSourceMapDevToolPlugin | SourceMapDevToolPlugin | |
EvalDevToolModulePlugin | devtool.includes("eval") | |
SizeLimitsPlugin | performance | |
NodeStuffPlugin | options.node !== false | parser相关；node相关忽略 |
WebAssemblyModulesPlugin | y | |
RecordIdsPlugin | y | |
WarnCaseSensitiveModulesPlugin | y | |
LoaderPlugin | y | 关注 |
EnsureChunkConditionsPlugin | y | hooks.optimizeChunksBasic、optimizeExtractedChunksBasic |
NodeSourcePlugin | options.target = 'web | parser相关，作用是？ |
EntryOptionPlugin | y | compiler.hooks.entryOption.call(options.context, options.entry);--- |
UseStrictPlugin | y | parser相关；use strict |
CompatibilityPlugin | y | parser相关；支持 Browserify风格的require(file, opts) |
RequireIncludePlugin | y | parser相关；RequireIncludeDependencyParserPlugin； webpack提供的require.include |
RequireEnsurePlugin | y | parser相关；RequireEnsureDependenciesBlockParserPlugin； webpack提供的require.ensure |
RequireContextPlugin | y | parser相关；RequireContextDependencyParserPlugin； webpack提供require.context--- |
SystemPlugin | y | parser相关；关注 模块定义系统；libraryTarget: 'system' |
ImportPlugin | y | parser相关；ImportParserPlugin；import() |
HarmonyModulesPlugin | y | parser相关，HarmonyDetectionParserPlugin、HarmonyImportDependencyParserPlugin、HarmonyExportDependencyParserPlugin、HarmonyTopLevelThisParserPlugin；es6规范 |
AMDPlugin | RequireJsStuffPlugin | options.amd !== false |
CommonJsPlugin | y | parser相关；RequireResolveDependencyParserPlugin、CommonJsRequireDependencyParserPlugin；commonjs简写规范(cjs) |
CommonJsStuffPlugin | y | parser相关；cjs规范？；模块变量 ：module.loaded、module.id等等 |
APIPlugin | y | parser相关；模块变量 webpack_require、__webpack_public_path__等 |
JsonModulesPlugin | y | createParser & creatGengerator |
JavascriptModulesPlugin | y | 代码生成； |
FunctionModulePlugin | options.target = 'web | 代码生成；FunctionModuleTemplatePlugin |
JsonpTemplatePlugin | options.target = 'web | 代码生成 ；JsonpMainTemplatePlugin、JsonpChunkTemplatePlugin |
TemplatedPathPlugin | y | 模板路径❓ |
optimization相关的插件
插件 | 条件 | 备注 |
|---|---|---|
RemoveParentModulesPlugin | optimization.removeAvailableModules | |
RemoveEmptyChunksPlugin | optimization.removeEmptyChunks | |
MergeDuplicateChunksPlugin | optimization.mergeDuplicateChunks | |
FlagIncludedChunksPlugin | optimization.flagIncludedChunks | |
SideEffectsFlagPlugin | optimization.sideEffects | |
FlagDependencyExportsPlugin | optimization.providedExports | |
FlagDependencyUsagePlugin | optimization.usedExports | |
ModuleConcatenationPlugin | optimization.concatenateModules | |
SplitChunksPlugin | optimization.splitChunks | |
RuntimeChunkPlugin | optimization.runtimeChunk | |
NoEmitOnErrorsPlugin | optimization.noEmitOnErrors | |
WasmFinalizeExportsPlugin | optimization.checkWasmTypes | |
HashedModuleIdsPlugin | moduleIds="hashed" | |
OccurrenceModuleOrderPlugin | optimization.occurrenceOrder => moduleIds="size" | {prioritiseInitial: true} |
NamedModulesPlugin | optimization.namedModules => moduleIds="named" | |
OccurrenceModuleOrderPlugin | moduleIds"total-size" | {prioritiseInitial: false} |
NaturalChunkOrderPlugin | chunkIds="natural" | |
OccurrenceChunkOrderPlugin && NamedChunksPlugin | chunkIds="named" | |
OccurrenceChunkOrderPlugin | chunkIds="size" | {prioritiseInitial: true} |
OccurrenceChunkOrderPlugin | chunkIds="total-size" | {prioritiseInitial: false} |
DefinePlugin | nodeEnv | |
minimizer.call/apply | minimizer in minimizer |
