Yarnワークスペースのセットアップ

• Yarnのインストール
• ワークスペースの構成
• npm-run allの統合
• パッケージの管理
• プロジェクトのビルド
• Yarnのコマンドの使用

​

Yarnのインストール

​

ワークスペースの構成

1. プロジェクトのルートフォルダ（例：keplerworkspaceapp/）に.yarnrc.ymlファイルを作成します。
2. この構成を追加します。
   nodeLinker: node-modules
   nmSelfReferences: false
   

​

npm-run-all依存関係の統合

1. NPM_EXECPATHを使用してYarnのパスを設定します。
2. .bashrcファイルまたは.zshrc ファイルで、NPM_EXECPATH環境変数を設定します。
   export NPM_EXECPATH=$(which yarn)
   
   Yarnの実行時には、コマンドプロンプトで直接NPM_EXECPATHを使用できます。
   NPM_EXECPATH=$(which yarn) yarn
   

​

パッケージの管理

1. プロジェクトのルートフォルダで、packages/フォルダを作成します。
2. このワークスペースプロジェクトにVega向けReact Nativeアプリとターボモジュールのサブプロジェクトを作成するときは、packages/フォルダの下で、kepler project generateコマンドを使用して各プロジェクトを個別のフォルダに生成します。プロジェクト構造は次のようになります。
   ├── keplerworkspaceapp/
   │   ├── package.json
   │   ├── packages/
   │   │   ├── turbo-module/
   │   │   │   ├── package.json
   │   │   │   ├── ...
   │   │   ├── application/
   │   │   │   ├── package.json
   │   │   │   ├── ...
   │   │   ├── ...
   │   ├── ...
   

​

プロジェクトのビルド

1. プロジェクトのルートのpackage.jsonにスクリプトを追加します。
   {
     "name": "@amazon-devices/kepler-workspace-app",
     "version": "0.0.1",
    " workspaces": {
       "packages": [
         "packages/*"
       ]
     },
     "scripts": {
       "build:tm": "yarn workspace '@amazon-devices/<tm-project>' run pack",
       "build:app": "yarn workspace '@amazon-devices/<app-project>' run build:app",
       "build": "npm-run-all build:tm build:app"
     }
   }
   
2. 必要に応じて、その他のパッケージをプロジェクトに追加します。パッケージの管理の手順に従ってください。

​

Yarnのコマンドの使用

yarn install

yarn build:app

yarn install

yarn build:app

yarn install

yarn pack

​

関連トピック