パッケージ/コンポーネントのモノレポでBabelを実行する

Question

私はReactコンポーネントライブラリを構築しようとしていますが、各コンポーネントは独自の依存関係を持ちます。それをきれいに保つために、私はYarn's Workspacesを使ってモノレポを始めました。これは、現在、次のようになります。

components 
    component1 
     src 
      index.js 
     dist ??? 
     package.json 
    component2 
     src 
      index.js 
     dist ??? 
     package.json 
node_modules 
package.json 
.babelrc 
etc. 

私はdist/index.jsその相対的に各src/index.jsをコンパイルルートレベルでバベルのコマンドを実行できるようにしたいと思います。これは可能ですか？または誰でもこれを反復できるツールを推奨できますか？

Answer 1

ルートレベルでLernaをインストールします（インストールを許可するためにWorkspaceフラグを使用）。

yarn add --dev lerna -W 

初期化lerna。

node_modules/lerna/bin/lerna.js init 

アップデートlerna.jsonは、 "components"ディレクトリを指します。

{ 
    "lerna": "2.5.1", 
    "packages": ["components/*"], 
    "version": "0.0.0" 
} 

ルートレベルにpackage.json

"scripts": { 
    ... 
    "build-components": "NODE_ENV=production lerna exec --parallel -- babel src -d dist", 
    ... 
}, 

をスクリプトを追加します。