gatsby-config.js有什么作用？

最新推荐文章于 2022-05-30 10:00:05 发布
最新推荐文章于 2022-05-30 10:00:05 发布
阅读量194 收藏
点赞数
分类专栏： Gatsby 文章标签： 网站建设 Gatsby 静态网站
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fanlehai/article/details/121669277
版权
一、简介gatsby-config.js 位于项目根目录，用于配置项目信息，如果没有就新建一个。plugins用于配置 plugin ，这个是最常用的siteMetadata设置项目的基本信息：title等描述flags可设置的值，看这里！pathPrefix转换 URL http://www.example.com 为 http://www.example.com/blogproxy开发模式下，让不存在的URL 重定向到指定的URL。详细内容，看这里！/
摘要由CSDN通过智能技术生成
一、简介

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

  • plugins

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

  • siteMetadata

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

  • flags

    可设置的值，看这里！

  • pathPrefix

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

  • proxy

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

// gatsby-config.js
module.exports = {
   
  siteMetadata: {
最低0.47元/天 解锁文章
Learn-anything
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Gatsby 静态网站搭建全过程 (1)—安装和搭建
weixin_42935603的博客
10-19 1767
安装和搭建Gatsby安装Gatsby CLI创建站点切换到站点目录启动开发服务器构建生产版本在本地启动生产版本服务器结构数据层package.jsongatsby-config主要配置文件gatsby-node视图层配置gatsby-browser, gatsby-ssr 可以注入相同内容如：header，footer等 Gatsby Gatsby 是一个为 React 打造的快如闪电的现代化站点生成器-静态网站。 安装Gatsby CLI npm install -g gatsby-cli 创建站点
gatsby-plugin-advanced-sitemap:Gatsby.js的高级XML网站地图
04-10
gatsby插件高级站点地图 默认的Gatsby站点地图插件会为您的所有页面生成一个简单的原始XML斑点。... // gatsby-config.js siteMetadata: { siteUrl : `https://www.example.com` , } , plugins : [ `gatsby
gatsby-config.js插件的打字稿生成器。 将Gatsby插件的intellisense添加到您的IDE。-JavaScript开发
05-26
gatsby-config此插件为插件数组中的插件在gatsby-config.js中添加了智能感知和自动补全功能！ 它使Gatsby插件API的光盘gatsby-config该插件为插件数组中的插件在gatsby-config.js中添加了智能感知和自动补全功能！ 它使Gatsby插件API易于发现:)观看此视频以获取演示https://youtu.be/sGLlEcleumg进行设置在gatsby-config.js中添加以下内容：const gatsbyConfig = require（`gatsby-config`）module.exports = gatsbyConfig（{插件：[`gatsby-config`，//在此处添加任何其他插件]}）现在，当您运行gatsby开发时，打字稿类型将
用 Gatsby 创建一个博客
itheima_Wujie的博客
12-21 4389
Gatsby 是一个令人难以置信的静态站点生成器，它允许使用React作为渲染引擎引擎来搭建一个静态站点，它真正具有现代web应用程序所期望的所有优点。它通过在构建时通过服务器端渲染将动态的 React 组件呈现为静态 HTML 内容。这意味着您的用户可以获得静态站点的所有好处，比如不使用 JavaScript、搜索引擎友好性、非常快的加载速度等等，也并没有失去现代 web 所期望的活力和交互
vue config.js详解——vue config.js到底是什么，有什么作用?
wjsn520的博客
05-30 1万+
我们在做vue项目的时候，在根目录中肯定都看到过一个config.js文件，那么这个文件在整个项目中到底有什么作用呢？ vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。具体可以查阅Vue CLI配置参考：https://cli.vuejs.org/zh/confi
Gatsby 学习 - 03 Gatsby 插件
皮蛋很白的博客
07-23 685
Gatsby 插件 Gatsby 框架内置插件系统，插件是为应用添加功能的最好的方式。 在 Gatsby 中有三种类型的插件： 数据源插件（source）：负责从应用外部获取数据，将数据统一放在 Gatsby 的数据层中 数据转换插件（transformer）：负责转换特定类型的数据的格式，比如将 Markdown 文件中的内容转化成对象形式 功能插件（plugin）：为应用提供功能，比如通过插件让应用支持 Less 或 TypeScript Gatsby 官方提供了非常多且非常有用的插件，开发者也可以
fjord-gatsby-master.rar
10-09
2. **gatsby-config.js**：Gatsby项目的配置文件，包含了站点元数据、插件设置等。 3. **gatsby-node.js**：用于自定义Gatsby的工作流程，如创建页面、生成静态文件等。 4. **gatsby-browser.js** 和 **gatsby-ssr....
my-gatsby-site-源码.rar
10-10
2. `gatsby-config.js`：Gatsby 的主要配置文件，定义站点元数据、插件和其他设置。 3. `gatsby-node.js`：自定义Gatsby的节点生命周期方法，如创建页面、源数据等。 4. `gatsby-browser.js` 和 `gatsby-ssr.js`：...
gatsby-jenkins-demo-master.rar
10-09
2. **gatsby-config.js** - Gatsby项目的配置文件，定义了站点元数据、插件设置等。 3. **src/** - 源代码目录，通常包含组件、页面、布局、样式和图片等内容。 - **pages/** - 存放Gatsby的React组件页面。 - **...
用 Gatsby 搭建静态博客 1
weixin_34185512的博客
02-01 798
[原文地址] 前几天跟老铁们聊天，有位老铁说想弄一个博客只靠 SEO 被搜索，想再次回归曾经那份朴素。于是我又想起了我那放置许久的博客。 闲聊之余网上找了找有没有不错的静态博客框架可用，毕竟好久没有更新博客的框架了。 机缘巧合，看到的文章推荐使用的第一项就是 Gatsby，上官网看了看貌似还不错。后来才知道 React 官网也是用这个框架搭建的
使用Gatsby和Cosmic JS创建多语言网站
08-14 366
gatsbyA friend recently asked me to build a website which has a Japanese and an English version. I never wrote an internationalized website but I have strong opinions about how localization should wor...
gatsby_Gatsby.js：如何设置和使用React Static Site Generator
cumi6497的博客
07-20 251
gatsbyGatsby is a static site generator for React that released its first major version last month. It’s a tool that not only scaffolds projects (or websites) for you but claims that those sites are f...
gatsby_从零到部署：我如何使用Netlify + Gatsby从零开始创建静态网站
cumian8165的博客
08-03 717
gatsbyAfter my first year working as a frontend web developer, I got the idea to have my own personal site. It’d be a platform to showcase my work, share content, and serve as a creative outlet for me...
gatsby_如何使用Gatsby.js来获取内容
08-02 447
gatsbyby Dimitri Ivashchuk 由Dimitri Ivashchuk 如何使用Gatsby.js来获取内容 (How to source content with Gatsby.js) Gatsby.js is a powerful static site generator (with dynamic capabilities) which can be used to...
Gatsby精粹，面向未来的blog
Chad97的博客
01-18 1052
缘起 我原先是使用的hexo的，这里我们从hexo ==> Gatsby的原因如下： 都是静态页面框架，SEO，部署等，静态页面的优势 使用现代化框架开发 —— React ，可以不断的迭代 社区资源成熟，目前Gatsby的插件已经非常成熟 链接 性能强悍，相比其他的静态页面框架，Gatsby的性能比较出众 GraphQL 来请求数据， 灵活 优雅，待会介绍 install 安装全...
Vue之vue.config.js的作用 在其中自己创建一个接口并使用 (小项目专用)
qq_48046110的博客
10-15 3792
1.首先在项目中创建一个文件夹 命名为 vue.config.js，准确的来说 是在vue.config.js中定义接口 数据定义如下图 定义完成后我们就可以打开浏览器查看自己的接口啦 如下图 接下来使用接口
SourceTree 安装配置
Gastby的博客
12-04 583
SourceTree 安装配置 安装1.点击下载 https://www.sourcetreeapp.com/ SourceTree 2.打开安装包，进⼊ Bitbucket 界⾯后，关闭安装客户端 3.到 C:\Users\系统当前⽤户名\AppData\Local\Atlassian\SourceTree\ 这个路径下新建 accounts.json ，并复制如下代码到 json ⽂件： [ { "$id": "1", "$type": "SourceTree.Api.Host.Id
vue-config.js配置实战
热门推荐
欢迎来到☆槿畔☆的博客
11-15 3万+
今天讲述一下vue-config.js配置，我们前面搭建好脚手架会发现,这个对比2.x版本少了很多东西,没有build的配置,也没有webpack的配置,那么问题来了,我们如何去开发我们的项目呢,比如设置代理,打包配置等问题呢?还不会搭建脚手架,点击前往搭建vue-cli3 实际上我们都是可以在vue-config.js中进行配置(刚创建的这个js都是空的),我把官网里面很常见的配置都进行了注释...
【Matlab仿真】资源useless，don‘t download
最新发布
07-12
【Matlab仿真】资源useless，don‘t download
前端元框架，如 Next.js、Remix 等，都有哪些，有何区别，各有什么特点
09-13
这些前端元框架各有特点，例如 Next.js 和 Nuxt.js 提供了服务端渲染的能力，可以帮助开发者构建高性能的 Web 应用程序；Gatsby 是一个静态站点生成器，可以帮助开发者快速构建高性能的静态站点。您可以根据自己的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值