React Native アプリの依存関係の管理
You can use both npm and Yarn to install Javascript package dependencies for React Native app on Bitrise. Bitrise also offers dedicated Steps to cache these dependencies.
npm と 糸 どちらも Node.js のパッケージ マネージャーです。プロジェクトの依存関係、またはグローバルにインストールされた Javascript ツールを管理できます。モバイル開発では、React Native プロジェクトのパッケージ マネージャーとして頻繁に使用されます。 React Native をお持ちの場合 アプリ Bitrise では、専用の npm または Yarn を使用できます 手順 依存関係をインストールしてキャッシュします。
専用の手順を使用して、ネイティブの依存関係をインストールすることもできます。 React Native アプリのネイティブ依存関係のインストール.
npm と Yarn を使用して依存関係をインストールする
npm
糸
-
あなたのプロジェクトが持っていることを確認してください package.json ファイル その中で定義されています。
-
追加 npm コマンドを実行する あなたに足を踏み入れる ワークフロー.
-
をセットする 実行する引数を指定した npm コマンド に
インストール.に追加のオプションを追加できます。 install 指図。たとえば、必要な場合は ネイティブの依存関係を持つライブラリを React Native プロジェクトにリンクする、 使用
--saveまた--save-dev国旗。利用可能なオプションについては、 npm ドキュメント.
-
オプションで、設定できます npm バージョン それが実行されます npm install コマンド 使用する npm のバージョン 入力。
-
あなたのプロジェクトが持っていることを確認してください package.json ファイル その中で定義されています。
-
追加 yarn コマンドを実行する あなたに足を踏み入れる ワークフロー.
-
をセットする 実行する糸コマンド に
インストール. -
オプションで、yarn コマンドに引数を追加します。 yarn コマンドを実行するための引数.
複数の引数をスペースで区切って指定できます。
npm と Yarn の依存関係のキャッシュ
キーベースのキャッシュでは、必要なのは NPM キャッシュを復元する そしてその NPM キャッシュを保存する ノード モジュールをキャッシュする手順。これらの手順では、依存関係に必要なキャッシュ キーが自動的に設定されるため、構成は必要ありません。
特定のキャッシュ パスの設定
専用のキーベースのキャッシュ ステップで使用される既定のキャッシュ パスを使用する必要はありません。特定のキャッシュ パスを設定する必要がある場合は、 キャッシュを保存 そしてその キャッシュを復元 手順: ビルドでキーベースのキャッシュを使用する.
-
追加 NPM キャッシュを復元する ワークフローの開始に進みます。
-
追加 NPM キャッシュを保存する ワークフローの最後に進みます。
React Native アプリのネイティブ依存関係のインストール
で宣言されているネイティブの依存関係をインストールする必要がある場合があります。 ios と android フォルダー。たとえば、CocoaPods の依存関係は Podfile.これは Bitrise でも非常に簡単に実行できます。React Native アプリをバンドルして Android および iOS バイナリをビルドする準備ができたら、Android および iOS アプリの依存関係マネージャーの手順を使用するだけです。
デモアプリ
実際の例については、React Native デモ アプリをご覧ください。アプリを Bitrise に追加すると、 デプロイ ios リリース たとえば、ワークフローには、 npm コマンドを実行する そしてその CocoaPods のインストールを実行する npm パッケージとポッドの両方をインストールする手順: React Native デモアプリ.
-
ワークフローが npm パッケージをインストールすることを確認します。 npm と Yarn を使用して依存関係をインストールする.
npm パッケージのインストールのみを担当する別のワークフローを持つことができ、メインのワークフローの前に実行するために挿入されます。 ワークフローを連鎖させる.それはすることができます ユーティリティ ワークフロー.
-
追加 React ネイティブ バンドル ワークフローに進みます。
npm パッケージがインストールされた後である必要があります。
-
必要な依存関係マネージャー ステップまたはビルド ステップをワークフローに追加します。必要な正確なステップは、プロジェクトの種類と使用する依存関係マネージャーによって異なります。