webpack 在自定义加载器和插件之间共享数据

Question

解释

我正在开发一个 webpack 自定义加载器，它负责解析 javascript 并使用正则表达式搜索某些文本。

我需要有一种方法来收集每个解析文件之间的数据，最后将该数据传递给相关插件，以便插件可以使用该数据进行适当的操作。

我失败的策略

我可以使用模块在加载程序调用之间共享数据，但是插件中没有这些数据。

建议？

我一直在研究 extract-text-plugin 的工作方式，因为它有一个加载器和一个插件，但是看看他们的源代码，他们声明模块的方式对我来说很奇怪，我无法真正掌握他们的策略。

谢谢你的帮助!

Answer 1

使用共享模块是一个可行的选择，我创建了一个加载器/插件组合，它从通过加载器导入的 svg 创建一个 SVG Sprite ，这里是存储库:https://github.com/crystal-ball/svg-symbol-sprite-loader

这是我设置过程的方式:

我将单例导出为 sprite-store

loader 需要 Sprite 存储并将任何导入的 SVG 添加到存储中。

在附加 Assets Hook plugin 从 sprite 存储中读取所有收集到的数据。