23、Gatsby 源插件开发与图像优化指南

Gatsby 源插件开发与图像优化指南

1. 项目初始化

在开发 Gatsby 源插件时，首先要创建一个新的示例网站和源插件项目。
- 创建示例网站：使用 Gatsby 的 “Hello World” 启动器创建新的示例网站。

$ gatsby new gtdg-ch9-example-site gatsbyjs/gatsby-starter-hello-world

• 创建源插件项目：为源插件创建一个单独的 Gatsby 项目。

$ gatsby new gtdg-ch9-source-plugin gatsbyjs/gatsby-starter-plugin

此时，你会得到两个同级目录： gtdg-ch9-example-site 和 gtdg-ch9-source-plugin 。源插件项目的初始结构如下：

/gtdg-ch9-source-plugin
├── .gitignore
├── gatsby-browser.js
├── gatsby-node.js
├── gatsby-ssr.js
├── index.js
├── LICENSE
├── package.json
├── package-lock.json
└── README.md

大部分对插件启动器的修改会在 gatsby-node.j