如何使用webpack在JSON中生成资产URL？

Question

我使用带有htmlWebpackPlugin的webpack和一个自定义模板来生成一个html文档。在页面底部，我想要包含一个JSON-LD片段，其中包含有关我们公司的结构化数据。通常，这看起来像这样：

<script type="application/ld+json" src="./schema.json" />

但是，由于我使用的是webpack，因此需要动态生成该资产URL。我想做这样的事情：

{
  ...
  "logo" : require('./schema.json'),
  ...
}

不幸的是，webpack的JSON加载器并没有提供解析资产URL的方法，并且有充分的理由 - 这样做会是不好的做法，因为这会导致人们创建无效的JSON文件： / p>

{{1}}

有关如何进行的任何建议？这是我发现的第一个webpack用例，我没有立即看到一个漂亮的解决方案。