时间戳

首页 > 解决方案 > 如何将预制静态页面添加到您的 gatsby 项目中？

reactjs - 如何将预制静态页面添加到您的 gatsby 项目中？

问题描述

我有一个 react/graphql/gatsby 项目。

与项目的其余部分分开，我有一个magazine文件夹。在那个文件夹中有一个index.html文件和一堆其他文件夹，里面有很多 js/css/media 文件。

我想将此文件夹添加到我的项目中，以便我可以通过websiteName/magazine链接访问文件夹的内容。为此，我将magazine文件夹放在static项目文件夹中。那没有用。我的猜测是我需要以某种方式使用 gatsby config 处理这个目录，但我不确定如何。

标签： reactjsgraphqlgatsby

解决方案

static如果您想使用开发服务器访问此页面，您需要将 Gatsby 配置为提供开发中文件夹中的文件。为此，请将以下内容添加到您的 gatsby-node.js 文件中：

const express = require(`express`)

// Enable development support for serving HTML from `./static` folder
exports.onCreateDevServer = ({ app }) => {
  app.use(express.static(`static`))
}

推荐阅读