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

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

​

Yarnのインストール

​

ワークスペースの構成

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/フォルダの下で、vega project generateコマンドを使用して各プロジェクトを個別のフォルダに生成します。プロジェクト構造は次のようになります。
     ├── vegaworkspaceapp/
     │   ├── package.json
     │   ├── packages/
     │   │   ├── turbo-module/
     │   │   │   ├── package.json
     │   │   │   ├── ...
     │   │   ├── application/
     │   │   │   ├── package.json
     │   │   │   ├── ...
     │   │   ├── ...
     │   ├── ...
   

​

プロジェクトのビルド

1. プロジェクトのルートのpackage.jsonにスクリプトを追加します。
   {
     "name": "@amazon-devices/vega-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

​

関連トピック

• Vega SDKと連携するようにNodeパッケージマネージャーを構成する方法