gatsby-config.js有什么作用?

2021-12-02 08:54:59 浏览数 (1)

一、简介

gatsby-config.js 位于项目根目录,用于配置项目信息,如果没有就新建一个。

  • plugins

用于配置 plugin ,这个是最常用的

  • siteMetadata

设置项目的基本信息:title等描述

  • flags

可设置的值,看这里!

  • pathPrefix

转换 URL http://www.example.comhttp://www.example.com/blog

  • proxy

开发模式下,让不存在的URL 重定向到指定的URL。详细内容,看这里!

代码语言:txt复制
// gatsby-config.js
module.exports = {
  siteMetadata: {
    title: `Gatsby`,
    siteUrl: `https://www.gatsbyjs.com`,
    description: `Blazing fast modern site generator for React`,
  },
  plugins: [
    `gatsby-transform-plugin`,
    {
      resolve: `gatsby-plugin-name`,
      options: {
        optionA: true,
        optionB: `Another option`,
      },
    },
  ],
  flags: {
    QUERY_ON_DEMAND: true,
  },
  pathPrefix: `/blog`,
  proxy: {
    prefix: "/api",
    url: "http://examplesite.com/api/",
  },
}
二、参考文档
  • gatsby-config.js有什么作用?

0 人点赞