自定义Webpack插件：访问转换代码的钩子

Question

我正在尝试在一个webpack插件中的某个加载器完成它的工作后，获得文件的加载器转换内容。对于另一个加载器来说，这通常是理想的，但我也需要访问一个钩子，当翻译过程结束时调用这个钩子（因此选择编写一个插件）。我需要一个与emit不同的钩子吗？允许访问转换文件内容的参数的属性是什么？

    compiler.plugin('done', () => {
       // some finalization code
    });

    compiler.plugin('emit', (compilation, callback) => {
      compilation.chunks.forEach((chunk) => {
        chunk.forEachModule((module) => {
          let filename = module.resource;
          // I could load filename from the filesystem, but I need the content
          // of the file that's gone through the loader pipeline (ideally
          // after a certain loader, but I think at the end of the
          // pipeline would also be fine).
        })
     });

我使用的是WebPack3，但我应该能够从WebPack4的解决方案翻译过来。

Answer 1

最后，我编写了一个插件，它在after-resolve上动态地注入一个加载器（您必须手动检查希望将加载器注入到哪个“模块”中以及它的位置），并且还为done事件安装了一个钩子，以便将所有内容写入磁盘。