compilation 钩子

Compilation 模块会被 Compiler 用来创建新的编译（或新的构建）。compilation 实例能够访问所有的模块和它们的依赖（大部分是循环依赖）。它会对应用程序的依赖图中所有模块进行字面上的编译(literal compilation)。在编译阶段，模块会被加载(loaded)、封存(sealed)、优化(optimized)、分块(chunked)、哈希(hashed)和重新创建(restored)。

Compilation 类扩展(extend)自 Tapable，并提供了以下生命周期钩子。可以按照 compiler 钩子的相同方式，调用 tap：

compilation.hooks.someHook.tap(...)

和 compiler 用法相同，取决于不同的钩子类型，也可以在某些钩子上访问 tapAsync 和 tapPromise。

`buildModule`

SyncHook

在模块构建开始之前触发。

参数：module

`rebuildModule`

SyncHook

在重新构建一个模块之前触发。

参数：module

`failedModule`

SyncHook

模块构建失败时执行。

参数：module error

`succeedModule`

SyncHook

模块构建成功时执行。

参数：module

`finishModules`

SyncHook

所有模块都完成构建。

参数：modules

`finishRebuildingModule`

SyncHook

一个模块完成重新构建。

参数：module

`seal`

SyncHook

编译(compilation)停止接收新模块时触发。

`unseal`

SyncHook

编译(compilation)开始接收新模块时触发。

`optimizeDependenciesBasic`

SyncBailHook

...

参数：modules

`optimizeDependencies`

SyncBailHook

依赖优化开始时触发。

参数：modules

`optimizeDependenciesAdvanced`

SyncBailHook

...

参数：modules

`afterOptimizeDependencies`

SyncHook

...

参数：modules

`optimize`

SyncHook

优化阶段开始时触发。

`optimizeModulesBasic`

SyncBailHook

...

参数：modules

`optimizeModules`

SyncBailHook

...

参数：modules

`optimizeModulesAdvanced`

SyncBailHook

...

参数：modules

`afterOptimizeModules`

SyncHook

...

参数：modules

`optimizeChunksBasic`

SyncBailHook

...

参数：chunks

`optimizeChunks`

SyncBailHook

优化 chunk。

参数：chunks

`optimizeChunksAdvanced`

SyncBailHook

...

参数：chunks

`afterOptimizeChunks`

SyncHook

chunk 优化完成之后触发。

参数：chunks

`optimizeTree`

AsyncSeriesHook

异步优化依赖树。

参数：chunks modules

`afterOptimizeTree`

SyncHook

...

参数：chunks modules

`optimizeChunkModulesBasic`

SyncBailHook

...

参数：chunks modules

`optimizeChunkModules`

SyncBailHook

...

参数：chunks modules

`optimizeChunkModulesAdvanced`

SyncBailHook

...

参数：chunks modules

`afterOptimizeChunkModules`

SyncHook

...

参数：chunks modules

`shouldRecord`

SyncBailHook

...

`reviveModules`

SyncHook

从 records 中恢复模块信息。

参数：modules records

`optimizeModuleOrder`

SyncHook

将模块从最重要的到最不重要的进行排序。

参数：modules

`advancedOptimizeModuleOrder`

SyncHook

...

参数：modules

`beforeModuleIds`

SyncHook

...

参数：modules

`moduleIds`

SyncHook

...

参数：modules

`optimizeModuleIds`

SyncHook

...

参数：chunks

`afterOptimizeModuleIds`

SyncHook

...

参数：chunks

`reviveChunks`

SyncHook

从 records 中恢复 chunk 信息。

参数：modules records

`optimizeChunkOrder`

SyncHook

将 chunk 从最重要的到最不重要的进行排序。

参数：chunks

`beforeOptimizeChunkIds`

SyncHook

chunk id 优化之前触发。

参数：chunks

`optimizeChunkIds`

SyncHook

优化每个 chunk 的 id。

参数：chunks

`afterOptimizeChunkIds`

SyncHook

chunk id 优化完成之后触发。

参数：chunks

`recordModules`

SyncHook

将模块信息存储到 records。

参数：modules records

`recordChunks`

SyncHook

将 chunk 信息存储到 records。

参数：chunks records

`beforeHash`

SyncHook

在编译被哈希(hashed)之前。

`afterHash`

SyncHook

在编译被哈希(hashed)之后。

`recordHash`

SyncHook

...

参数：records

`record`

SyncHook

将 compilation 相关信息存储到 records 中。

参数：compilation records

`beforeModuleAssets`

SyncHook

...

`shouldGenerateChunkAssets`

SyncBailHook

...

`beforeChunkAssets`

SyncHook

在创建 chunk 资源(asset)之前。

`additionalChunkAssets`

SyncHook

为 chunk 创建附加资源(asset)

参数：chunks

`records`

SyncHook

...

参数：compilation records

`additionalAssets`

AsyncSeriesHook

为编译(compilation)创建附加资源(asset)。这个钩子可以用来下载图像，例如：

compilation.hooks.additionalAssets.tapAsync('MyPlugin', callback => {
  download('https://img.shields.io/npm/v/webpack.svg', function(resp) {
    if(resp.status === 200) {
      compilation.assets['webpack-version.svg'] = toAsset(resp);
      callback();
    } else {
      callback(new Error('[webpack-example-plugin] Unable to download the image'));
    }
  })
});

`optimizeChunkAssets`

AsyncSeriesHook

优化所有 chunk 资源(asset)。资源(asset)会被存储在 compilation.assets。每个 Chunk 都有一个 files 属性，指向这个 chunk 创建的所有文件。附加资源(asset)被存储在 compilation.additionalChunkAssets 中。

参数：chunks

以下是为每个 chunk 添加 banner 的简单示例。

compilation.hooks
  .optimizeChunkAssets
  .tapAsync('MyPlugin', (chunks, callback) => {
    chunks.forEach(chunk => {
      chunk.files.forEach(file => {
        compilation.assets[file] = new ConcatSource(
          '\/**Sweet Banner**\/',
          '\n',
          compilation.assets[file]
        );
      });
    });

    callback();
  });

`afterOptimizeChunkAssets`

SyncHook

chunk 资源(asset)已经被优化。

参数：chunks

这里是一个来自 @boopathi 的示例插件，详细地输出每个 chunk 里有什么。

compilation.hooks.afterOptimizeChunkAssets.tap(chunks => {
  chunks.forEach(chunk => {
    console.log({
      id: chunk.id,
      name: chunk.name,
      includes: chunk.modules.map(module => module.request)
    });
  });
});

`optimizeAssets`

AsyncSeriesHook

优化存储在 compilation.assets 中的所有资源(asset)。

参数：assets

`afterOptimizeAssets`

SyncHook

资源优化已经结束。

参数：assets

`needAdditionalSeal`

SyncBailHook

...

`afterSeal`

AsyncSeriesHook

...

`chunkHash`

SyncHook

...

参数：chunk chunkHash

`moduleAsset`

SyncHook

一个模块中的一个资源被添加到编译中。

参数：module filename

`chunkAsset`

SyncHook

一个 chunk 中的一个资源被添加到编译中。

参数：chunk filename

`assetPath`

SyncWaterfallHook

...

参数：filename data

`needAdditionalPass`

SyncBailHook

...

`childCompiler`

SyncHook

...

参数：childCompiler compilerName compilerIndex

`normalModuleLoader`

SyncHook

普通模块 loader，真正（一个接一个地）加载模块图(graph)中所有模块的函数。

参数：loaderContext module