如何将静态文件添加到 gatsby 站点答案

【问题标题】：How to add static files to gatsby site如何将静态文件添加到 gatsby 站点
【发布时间】：2020-03-05 18:35:42
【问题描述】：

我目前有一个正在运行的 Gatsby 站点，但我想在该站点中包含静态 html/css 文件。

示例 - 我有 currentSite.com，但我想使用我拥有的静态资料文件夹添加 currentSite.com/moreStuff/evenMoreStuff。

如何在对我的 gatsby 文件进行最少编辑的情况下解决这个问题？

提前致谢。

【问题讨论】：

你把静态文件加到 gatsby 的静态文件夹了吗？
这能回答你的问题吗？ Fastest way to add pre-existing static HTML page to a React/Gatsby site

【解决方案1】：

你已经完成了。

确保不要在 /pages 目录中创建与静态 html 文件具有相同名称或路径的页面。

【讨论】：

这个问题已经有几年的历史了，但我正在尝试对我刚刚使用 v4.x 创建的新 Gatsby 网站做同样的事情。我要包含的站点是已导出为静态文件的现有 Storybook。但是当我尝试通过 Gatsby 访问它时，它说找不到页面，但如果我尝试使用图像就可以了。例如localhost:8000/storybook-docs/index.html - 找不到页面 localhost:8000/storybook-docs/logo.png - 加载图片
@Cuong localhost 上的故事书应用程序可能没有为静态文件夹设置适当的变量或访问权限。我真的帮不上忙，因为我几乎不使用故事书。我建议使用“storebook”和“gatsby”标签提出一个专门的问题，例如“如何使用 Gatsby 访问 Storybook 应用程序中的静态文件夹”。