我在Gatsby项目中将CDN脚本标记放在哪里？

Question

我正在使用React + Gatsby构建站点

我需要在客户端使用Paper.js。我可以放在哪里：

<script src="https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.12.2/paper-full.min.js" />

在React中，我会将其公开放置在index.html中，我将在Gatsby中将其放置在哪里？

[如果我将其放入头盔内的render（）中，如下图所示，当我手动重新加载页面时似乎起作用，但是当我从另一页面通过Gatsby-Link链接到它时却不起作用？

<Helmet>
<script src="https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.12.2/paper-full.min.js" />
</Helmet>

Answer 1

您可以将包含一系列脚本的Helmet道具传递给script道具，包括：

<Helmet
  script={[
    {
      "src": "https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.12.2/paper-full.min.js", 
      "type": "text/javascript"
    }
  ]}
>
...
</Helmet>