Webpack插件：如何在编译后修改和重新解析模块？

Question

我正在开发一个webpack插件，不知道如何在构建过程中修改模块。我想做的是：

null

null

看起来rebuildModule应该重新解析源代码，重新建立依赖关系等，但它并没有解析我的require语句并将它们更改为webpack requires。构建的文件包括我修改过的源代码，但需要（“...”）语句未修改。

我如何使我修改的模块“更新”，以便webpack将处理我添加的源代码与最初解析的源代码相同？除了rebuildModule（）之外，我还需要做什么吗？我在构建过程中做这项工作是否太晚了？还是我走错路了？

Answer 1

我想出了如何以一种相当无痛的方式做到这一点。

我做错的事情：

• 可能是太晚了？最早可以实现这一点的插件是编译的“密封”插件。尽管有这个名字，这个插件钩子是作为密封函数的第一行执行的，所以还没有发生密封。此时，所有模块都已加载。
• rebuildmodule()不是一个好主意，因为它从头开始重新加载模块：文件的源代码被加载并通过任何适用的加载程序传递，并且module对象的_source属性最终在该过程完成后重新分配。
  • 此时使用rebuildmodule()实际上会很好，如果有一种方法可以在此调用中加载模块时修改模块源（即动态分配一个只在此重建中使用的加载器函数）。然后，我们就可以利用模块的源代码加载时发生的sourceMap行为（见下文）

  module.parse.parse(module._source.source(), {
    current: module, 
    module.module,
    compilation: compilation,
    options: compilation.options
  });
  

  此实现将修改和解析的源代码转换为最终输出。由于在NormalModuleMixin的doBuild方法中有一些sourceMap的内容，并且在调用这些函数之后我将添加到源代码中，所以我假设sourceMap现在会被搞乱。因此，下一步是获取sourceMap以反映代码添加。不确定是尝试手动更新sourceMap还是研究上面的想法，尝试动态应用加载程序并调用rebuildModule（）而不是解析。

  如果你知道一个更好的方法做以上任何一个，请让我知道！