WordPressプラグインのJS/CSSビルドパイプライン(grab-deps, sass, postcss, @wordpress/scripts等)を診断・セットアップする。
以下の場合にこのスキルを使用してください:
node ~/.claude/skills/wp-build-setup/scripts/detect_build.mjs
JSON出力を確認してください。exists: false の項目は対応が必要です。
grabDeps、buildJsScript、または dumpScript が欠けている場合:
参照:
references/grab-deps.md対応内容:
sassDep、postcssDeps、または buildCssScript が欠けている場合:
参照:
references/css-pipeline.md対応内容:
プロジェクトにGutenbergブロックがあり、wpScriptsDep または buildBlocksScript が欠けている場合:
対応内容:
wp-scripts build --source-path=src/blocks --output-path=assets/blocksすべてのビルドステップを実行する package スクリプトを追加してください:
{
"scripts": {
"package": "npm run build:css && npm run build:js && npm run build:blocks && npm run dump"
}
}
buildScript が欠けている場合:
参照:
references/build-script.md対応内容:
npm run build:js を実行 -- JSファイルが assets/js/ に生成されることを確認。npm run build:css を実行 -- CSSファイルが assets/css/ に生成されることを確認。npm run dump を実行 -- wp-dependencies.json が更新されることを確認。npm run package を実行 -- すべてのビルドステップが正常に完了することを確認。