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 および Yarn パッケージをキャッシュするには、使用するかどうかに応じて 2 つの方法があります。 キーベースのキャッシュ また ブランチベースのキャッシュ.
キーベースのキャッシュ
キーベースのキャッシュは、クレジットベースのアカウントでのみ利用できます!
キーベースのキャッシュ
ブランチベースのキャッシュ
キーベースのキャッシュでは、必要なのは NPM キャッシュを復元する そしてその NPM キャッシュを保存する ノード モジュールをキャッシュする手順。これらの手順では、依存関係に必要なキャッシュ キーが自動的に設定されるため、構成は必要ありません。
特定のキャッシュ パスの設定
専用のキーベースのキャッシュ ステップで使用される既定のキャッシュ パスを使用する必要はありません。特定のキャッシュ パスを設定する必要がある場合は、 キャッシュを保存 そしてその キャッシュを復元 手順: ビルドでキーベースのキャッシュを使用する.
-
追加 NPM キャッシュを復元する ワークフローの開始に進みます。
-
追加 NPM キャッシュを保存する ワークフローの最後に進みます。
ブランチ ベースのキャッシュは、 npm コマンドを実行する または yarn コマンドを実行する ノード モジュールをキャッシュする手順。
特定のキャッシュ パスの設定
組み込みのキャッシュ オプションが使用する既定のキャッシュ パスを使用する必要はありません。特定のキャッシュ パスを設定する必要がある場合は、 Bitrise.io キャッシュ:プル そしてその Bitrise.io キャッシュ:プッシュ 手順: ビルドキャッシュにファイルとフォルダーを含める.
-
追加 Bitrise.io キャッシュ:プルワークフローに進みます。
アプリをビルドするすべてのステップの前に配置する必要があります。
-
をセットする node_modules をキャッシュする パッケージマネージャーの入力のステップを使用します。
-
のために npm コマンドを実行する ステップ、入力はに設定する必要があります
true. -
のために yarn コマンドを実行する ステップ、入力はに設定する必要があります
yes.
-
-
追加 Bitrise.io キャッシュ:プッシュ ワークフローの最後に進みます。
を使用する場合、ステップに追加の構成は必要ありません。 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 パッケージがインストールされた後である必要があります。
-
必要な依存関係マネージャー ステップまたはビルド ステップをワークフローに追加します。必要な正確なステップは、プロジェクトの種類と使用する依存関係マネージャーによって異なります。