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

Question

说明

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

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

我失败的策略

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

建议？

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

感谢您的帮助！

Answer 1

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

这是我设置过程的方式：

1. 我将单例导出为sprite-store
2. loader 需要精灵存储并将任何导入的 SVG 添加到存储中。
3. 在附加资产挂钩中，plugin 从 sprite 存储中读取所有收集的数据。