2

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

<script type="application/ld+json">
  {
    "@context" : "http://schema.org",
    "@type" : "Organization",
    "name" : "Company Name",
    "url" : "https://www.company.com",
    "logo" : "https://www.company.com/images/logo.png"
  }
</script>

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

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

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

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

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

4

0 回答 0