Question

是否可以在Gatsby的pages目录中添加文件，而不必将其变成页面？

例如，假设我有一个包含联系表格的联系页面。我想创建一个联系人文件夹，其中包含一个index.js文件和一个contact-form.js文件。也就是说，这样的结构：

src
- pages
 - contact
  - index.js
  - contact-form.js

这个想法是，index.js文件将从contact-form.js文件导入联系人表单组件。但是不会会有一个contact/contact-us页面。

使用盖茨比有什么方法吗？如果可以，怎么办？

Answer 1

根据符合以下格式的gatsby-plugin-page-creator docs个文件，排除在外：

template-*
__tests__/*
*.test.jsx?
*.spec.jsx?
*.d.tsx?
*.json
*.yaml
_*
.*

尝试将文件重命名为_contact-form.js。

但是，我将完全避免这种情况，并为组件提供专用文件夹，例如src/components。再进一步，我将Webpack别名设置为src目录，因此无论导入来自何处，导入都看起来像import PartialComp from "@/components/PartialComp.jsx"。