这是用于创建交互式区块的 @wordpress/create-block 模板。

用法

通过运行以下命令可使用此区块模板:

npx @wordpress/create-block --template @wordpress/create-block-interactive-template

它需要 WordPress 6.5 或 Gutenberg 17.7 及以上版本。

变体

此模板提供了三个变体。使用 --variant 标志选择一个:

default

标准的交互式区块脚手架。使用 Interactivity API 来演示响应式状态、上下文和 DOM 事件处理。

npx @wordpress/create-block --template @wordpress/create-block-interactive-template --variant default

当未提供 --variant 标志时,这也是默认使用的变体。

typescript

与 default 相同,但视图脚本(view.ts)使用 TypeScript 编写,具有完全类型的 store 状态和上下文。

npx @wordpress/create-block --template @wordpress/create-block-interactive-template --variant typescript

client-side-navigation

演示由 @wordpress/interactivity-router 支持的客户端导航。该区块渲染一个引用导航器,其“上一页”/“下一页”链接在不进行完整刷新的情况下交换页面内容。在路由器区域外运行的客户端秒表证明了没有发生完整的页面刷新。

npx @wordpress/create-block --template @wordpress/create-block-interactive-template --variant client-side-navigation

此变体将 @wordpress/interactivity-router 作为额外的 npm 依赖项添加。

为此包做出贡献

这是 Gutenberg 项目中的一个独立包。该项目组织为 monorepo。它由多个自包含的软件包组成,每个包都有特定的用途。此 monorepo 中的包发布到 npm,并被 WordPress 以及其他软件项目使用。

要了解有关为此包或整个 Gutenberg 项目做出贡献的更多信息,请阅读项目的主要 贡献者指南。