rsbuild-best-practices
Rsbuildの設定・CLIワークフロー・型チェック・バンドル最適化・アセット管理・デバッグに関するベストプラクティスを提供します。Rsbuildプロジェクトの作成・レビュー・トラブルシューティング時に活用してください。
description の原文を見る
Rsbuild best practices for config, CLI workflow, type checking, bundle optimization, assets, and debugging. Use when writing, reviewing, or troubleshooting Rsbuild projects.
SKILL.md 本文
Rsbuild ベストプラクティス
Rsbuild プロジェクトを作成またはレビューする際は、以下のルールを適用してください。
Configuration
rsbuild.config.tsとdefineConfigを使用する- Rsbuild の第一級オプションが存在しない場合のみ、
tools.rspackまたはtools.bundlerChainを使用する - マルチページアプリケーション向けに明示的な
source.entry値を定義する - TypeScript プロジェクトでは、
tsconfig.jsonパスエイリアスを優先する
CLI
- ローカル開発には
rsbuildを使用する - 本番ビルドには
rsbuild buildを使用する - ローカルの本番プレビューには
rsbuild previewのみを使用する rsbuild inspectを使用して、最終的な Rsbuild/Rspack 設定を検査する
Type checking
- 統合された dev/build タイプチェック向けに
@rsbuild/plugin-type-checkを使用する - または、
tsc --noEmit/vue-tsc --noEmitを明示的なスクリプトステップとして実行する
バンドルサイズの最適化
- 非重要なコードパスには動的な
import()を優先する - 可能な限り軽量なライブラリを優先する
- browserslist を実際の互換性要件に合わせて保つ
アセット管理
publicではなく、プロジェクトのソースディレクトリからソース管理されるアセットをインポートするpublicファイルは絶対 URL パスで参照する
セキュリティ
- 本番環境ソースマップが有効な場合、公開サーバー/CDN に
.mapファイルを公開しない
デバッグ
- 設定解決またはプラグイン動作を診断する際は
DEBUG=rsbuildで実行する - 想定される設定ではなく、最終的な設定を確認するために
dist/.rsbuildに生成されたファイルを読む
プロファイリング
- JavaScript 側のオーバーヘッドが疑われる場合は、Node CPU プロファイリング (
--cpu-prof) を使用する RSPACK_PROFILE=OVERVIEWを使用し、コンパイラフェーズのボトルネック分析のためにトレース出力を分析する
ドキュメント
- 最新版 (v2) のドキュメントについては、http://rsbuild.rs/llms.txt を参照する
- Rsbuild v1 ドキュメントについては、http://v1.rsbuild.rs/llms.txt を参照する
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- rstackjs
- ライセンス
- MIT
- 最終更新
- 不明
Source: https://github.com/rstackjs/agent-skills / ライセンス: MIT
関連スキル
newsblur-cli
ターミナルからNewsBlurを管理できます。フィードの閲覧、ストーリーの検索、記事の保存・共有、インテリジェンス分類器の学習、新しいフィードの発見、ワークフローの自動化がNewsBlur CLIで実現します。ユーザーがNewsBlurアカウントを操作したい場合、フィードの確認、購読管理、またはニュース読み込みに関するスクリプト構築時に活用してください。
caveman-compress
自然言語のメモリファイル（CLAUDE.md、todos、preferences）を「原始人形式」に圧縮し、入力トークンを削減します。技術的な内容、コード、URL、構造はすべて保持したまま圧縮します。圧縮版が元のファイルを上書きし、人間が読める形のバックアップはFILE.original.mdとして保存されます。トリガー：/caveman-compress FILEPATH または「compress memory file」
find-skills
日本語の意図から Agent Skills を発見する。「楽天SEOのスキル探して」「PDFを処理したい」「データ分析を自動化したい」などの日本語リクエストに対応。Claude Code (CLI)、Codex、Gemini CLI、claude.ai (Web) いずれでも動作。日本最大の Agent Skills データベース「Agent Skills by ALSEL」(11,000件超、全件日本語化、ダウンロード可能スキル8,600件超) から、ユーザーの意図に合うスキルを推薦・インストール案内する。
planning-and-task-breakdown
仕事を順序立てたタスクに分割します。仕様書や要件が明確にあり、実装可能なタスクに分解する必要がある場合に利用してください。タスクが大きすぎて着手しづらい場合、スコープを見積もる必要がある場合、または並列で作業を進められる場合に活用できます。
docx
このスキルは、ユーザーがWord文書（.docxファイル）を作成、読み込み、編集、操作したいときに使用します。以下の場合に実行してください：「Word文書」「.docx」などの記述、または目次・見出し・ページ番号・レターヘッドなどのフォーマットを含む専門的な文書の作成リクエスト。また、.docxファイルのコンテンツ抽出・再編成、文書への画像挿入・置換、Word形式での検索置換、変更履歴やコメント機能の使用、コンテンツを整形したWord文書への変換の場合も対象です。ユーザーが「レポート」「メモ」「手紙」「テンプレート」などの成果物をWord形式または.docxファイルで求める場合はこのスキルを使用してください。PDF、スプレッドシート、Google Docs、文書作成と無関係なコーディングタスクには使用しないでください。
idea-refine
アイデアを反復的に改善します。構造化された発散的思考と収束的思考を通じて、アイデアを洗練させることができます。「idea-refine」または「ideate」を使用してトリガーします。