javascript - 如何在 gatsby 中添加外部 Javascript？

Question

我想知道如何将外部 javascript 文件添加到 gatsby，我应该把
这些标签在哪个文件中？以及如何将文件正确导入 DOM。

谢谢

Answer 1

您可以在 gatsby-ssr.js 中添加这部分代码，这在您的 balise 中添加代码。

export const onRenderBody = ({ setHeadComponents }) => {
  setHeadComponents([
    <link
      rel="stylesheet"
      href="/style.css"
    />
  ])
}

你的 body 也一样

export const onRenderBody = ({ setHeadComponents, setPostBodyComponents }) => {
      setHeadComponents([
        <link
          rel="stylesheet"
          href="/style.css"
        />
      ]),
setPostBodyComponents([
       <script></script>,
      ]),
    }