GitHubで見る

ビルドツール

Bootstrap Table に含まれる npm スクリプトを使用して、ドキュメントをビルドし、ソースコードをコンパイルする方法を学びます。

このページ

ツールのセットアップ

Bootstrap Table はビルドシステムとして NPM スクリプト を使用しています。私たちの package.json には、コードチェック、コードのコンパイルなど、フレームワークを使用するための便利な方法が含まれています。

ビルドシステムを使用してドキュメントをローカルで実行するには、Bootstrap Table のソースコードのコピーと Node.js が必要です。以下の手順に従って、すぐに使用を開始できます:

  1. Node.js をダウンロードしてインストールします。依存関係を管理するために使用しています。
  2. ルートディレクトリ /bootstrap-table に移動し、npm install を実行して package.json にリストされているローカルの依存関係をインストールします。
  3. (ドキュメントサイトのみ) ドキュメントサイトをセットアップする場合は、/site ディレクトリに移動し、npm install を実行して Astro とドキュメントサイトの他の依存関係をインストールします。

完了すると、コマンドラインからさまざまなコマンドを実行できるようになります。

NPM スクリプトの使用

私たちの package.json には、以下のコマンドとタスクが含まれています:

タスク説明
npm run buildnpm run build は、コンパイルされたファイルを含む /dist ディレクトリを作成します。
npm run lint/src ディレクトリ内の CSS と JavaScript をチェックします。
npm run testプロジェクト内のテストケースを実行します。

npm run を実行して、すべての npm スクリプトを確認してください。

ローカルドキュメント

ドキュメントをローカルで実行するには Astro を使用する必要があります。これは、コンポーネントベースのアーキテクチャ、Markdown ベースのファイル、テンプレートなどを提供するモダンな静的サイトジェネレーターです。使用を開始する方法は次のとおりです:

  1. 上記の ツールのセットアップ に従って、Astro と他の依存関係をインストールします。
  2. /site ディレクトリに移動し、コマンドラインで npm run dev を実行します。
  3. ブラウザで http://localhost:4321 を開いて、ローカルドキュメントサイトを表示します。

Astro の使用の詳細については、Astro の ドキュメント をお読みください。

トラブルシューティング

依存関係のインストール中に問題が発生した場合は、以前のすべての依存関係のバージョン(グローバルおよびローカル)をアンインストールしてください。その後、npm install を再実行します。