Agent Skills
返回列表
💻

WordPress 脚本构建和区块工具链

开发编程 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md 的安装指南，为 AI 助手安装 @user_3c6cb52e/wordpress-scripts-build-and-block-toolchain 技能。

技能介绍

解决的具体问题

在 WordPress 插件与区块开发中，开发者常面临工具链配置分散的问题：需手动集成 webpack、babel、eslint 等多个依赖，不同项目的配置差异易导致构建结果不一致；版本迭代时工具链维护成本高，容易出现依赖冲突或配置过时；手动拼装工具链还会增加开发初期的 setup 时间，影响团队协作的效率。

核心能力与工作方式

该工具链封装了 @wordpress/scripts 的默认 JavaScript 构建栈，将 WordPress 官方推荐的构建、代码检查、测试等工具整合为单一的开发依赖，提供一致的 CLI 命令：

  • 统一构建流程：通过封装后的命令替代手动配置 webpack，自动处理入口文件解析、资源压缩等任务
  • 内置代码规范检查：集成 eslint 等工具，提供 WordPress 生态适配的代码风格规则
  • 测试与打包支持：包含 jest 测试框架集成与产物打包功能，支持插件、区块等不同类型项目的输出

使用时需满足 Node.js 18.12.0+ 和 npm 8.19.2+ 的前置要求，直接通过封装后的 CLI 执行构建、lint 等操作，无需手动维护工具链配置文件。

适用边界与注意点

  • 依赖 @wordpress/scripts 的官方配置，适合遵循 WordPress 标准开发规范的项目；若需深度定制工具链（如替换核心构建工具），需自行修改底层配置
  • 无自动提取的安装指南，使用前建议查阅上游项目文档，确认与当前 WordPress 版本、开发环境的兼容性
  • 主要聚焦 JavaScript 侧的构建与工具链，若涉及 PHP 性能优化、前端资源 CDN 配置等需求，需结合其他工具

使用场景

  • 在开发 WordPress 插件时，需要统一执行 JS 构建、打包和 lint，避免手工配置 webpack 相关工具。
  • 开发自定义 Gutenberg 区块时，需要跑单元测试并生成可发布资源，保持不同插件项目输出一致。
  • 接手一个 WordPress 前端仓库时，想用团队统一的构建命令替代分散配置，减少依赖版本冲突。
  • 为插件发布准备产物时，需要用现成 CLI 完成压缩和打包，而不是临时拼装构建脚本。

适合人员

  • WordPress 插件开发者，需要为项目固定 JS 构建、lint 和打包流程，减少重复配置。
  • Gutenberg 区块开发者，希望用一致工具链运行测试并生成区块资源。
  • 维护多个 WordPress 前端仓库的团队负责人，想把分散的 webpack 配置收敛到统一命令。
  • 准备发布插件的技术工程师，需要可靠打包产物并保持可复现的构建结果。