22、创建 Gatsby 插件全攻略

最新推荐文章于 2025-12-04 10:39:53 发布

月月光659

最新推荐文章于 2025-12-04 10:39:53 发布

阅读量40

点赞数

CC 4.0 BY-SA版权

分类专栏：探索Gatsby：构建高性能Jamstack网站文章标签： Gatsby 插件开发源插件

本文链接：https://blog.youkuaiyun.com/sand8/article/details/150054083

探索Gatsby：构建高性能Jamstack网站专栏收录该内容

39 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

创建 Gatsby 插件全攻略

1. 创建新的 JavaScript 包

可以通过 NPM 来初始化一个新的 JavaScript 包，具体操作步骤如下：

$ gatsby new gtdg-ch9-plugin gatsbyjs/gatsby-starter-default
$ cd gtdg-ch9-plugin
$ mkdir plugins && cd plugins
$ mkdir gatsby-plugin-hello-world && cd gatsby-plugin-hello-world
$ npm init

执行 npm init 后，NPM CLI 会在终端提供一系列可选择的选项，用于存储 package.json 文件所需的初始值。在这个例子中，将名称设置为 gatsby-plugin-hello-world ，入口点设置为 index.js 。

插件可以通过各自的文件（ gatsby-node.js 、 gatsby-browser.js 、 gatsby-ssr.js ）来实现核心 Gatsby API（Gatsby Node API、Gatsby Browser API、Gatsby SSR API）。在插件的 gatsby-node.js 文件中，可以实现 createPa