如何在 gatsby 项目中包含自定义 javascript 文件？ [复制]

【问题标题】：How to include custom javascript file in gatsby project? [duplicate]如何在 gatsby 项目中包含自定义 javascript 文件？ [复制]
【发布时间】：2023-03-30 07:54:01
【问题描述】：

我正在尝试将自定义 javascript 文件添加到我的 Gatsby 网站，但我对 Gatsby 还是很陌生，不知道实现它的最佳方法是什么以及如何实现它。我尝试了不同的方法，但我一直收到错误：

Uncaught ReferenceError: jQuery is not defined

【问题讨论】：

你为什么要首先包含 jQuery？它对两件事很有帮助，Ajax（Axios 是一个更现代的库）和 DOM 操作（它不能很好地与 Gatsby 所基于的 React 配合使用）。

标签： javascript jquery gatsby

【解决方案1】：

首先，Gatsby 是 React 的静态站点生成器，通常我们不会使用 React 实现 JQuery。如果你想用 JQuery 来操作你的 DOM，我想你可能也可以用 React 来做。

回到你的问题，在 Gatsby 中包含 JS 文件的常用方法有几种：

第一个是在 Gatsby 的 html.js 中包含您的脚本。您可以参考那里的文档： https://www.gatsbyjs.org/docs/custom-html/#adding-custom-javascript

第二个是使用React Helmet。它将允许在您的组件中嵌入 head 标签。 https://www.npmjs.com/package/react-helmet

【讨论】：