前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >gatsby-config.js有什么作用?

gatsby-config.js有什么作用?

原创
作者头像
Learn-anything.cn
发布2021-12-02 08:54:59
1.1K0
发布2021-12-02 08:54:59
举报
文章被收录于专栏:learn-anything.cn
一、简介

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/",
  },
}
二、参考文档

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、简介
  • 二、参考文档
相关产品与服务
网站建设
网站建设(Website Design Service,WDS),是帮助您快速搭建企业网站的服务。通过自助模板建站工具及专业设计服务,无需了解代码技术,即可自由拖拽模块,可视化完成网站管理。全功能管理后台操作方便,一次更新,数据多端同步,省时省心。使用网站建设服务,您无需维持技术和设计师团队,即可快速实现网站上线,达到企业数字化转型的目的。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档