monorepoを知り、monorepoに苦しんだ話

WEB界隈LT会 2018-07-06

keyword: lerna, monorepo, yarn workspaces, react-native

Transcript

1. 株式会社エアークローゼット bruno / @nitaking_ monorepoを知り monorepoに苦しんだ 話
2. 今日話すこと monorepoって？ monorepoのメリット/デメリット 通常のリポジトリとどう違うのか lerna / yarn workspaces
3. monorepoってなに？
4. １リポジトリで 複数projectを管理 monorepoってなに？
5. こんな感じ npm npm npm ・・・
6. 仕組み A B C ・・・ お互いに symlink で参照 module └A↗ module └A↗ └B↗
7. 通常のプロジェクト １リポジトリ １プロジェクト
8. こんな感じ npm npm npm
9. こんな感じ npm npm npm submodule でお互いに参照 など
10. monorepoのメリット
11. monorepoのメリット 依存関係がシンプル
12. 通常のリポジトリ A B C Aの修正をしたい
13. 通常のリポジトリ A B C Aの修正をしたい 依存
14. 通常のリポジトリ A B C Aの修正をしたい 依存 依存
15. 通常のリポジトリ A B C Aの修正をしたい BとCの修正が必要 依存 依存
16. 通常のリポジトリ A 修正 ＆ リリース
17. 通常のリポジトリ A 修正 ＆ リリース B 修正 ＆ リリース
18. 通常のリポジトリ A B C 修正 ＆ リリース 修正 ＆ リリース 修正 ＆ リリース
19. 通常のリポジトリ 簡単な修正なのに煩雑な作業 依存関係の確認が複雑 ロールバック時も手間 大量のプルリクエスト ？
20. A B 依存 依存 C monorepo Aの修正をしたい
21. A B C monorepo リリース１回で済む 修正 呼出元をリファクタ
22. monorepo 便利じゃん
23. 独立性の高いパッケージ ＝ monorepoのメリット少 パッケージ単位で権限設定したい monorepoに不向きなシーンも
24. monorepoの デメリット
25. monorepoの デメリット リポジトリが巨大に
26. １）　cloneだけでも一苦労 ２）　全部パッケージのインストール遅い ３）　大量のnpmの管理 デメリット facebookのgitは15GBオーバー（google調べ） 巨大リポジトリ
27. Lerna Yarn そこで
28. Lerna マルチパッケージ管理ツール 　パッケージの一括操作が可能 root A B `lerna bootstrap` で 全パッケージ `npm install` module module
29. Yarn npmより速くイケてる jsパッケージマネージャー root A B lerna × yarn = リポジトリの容量を減らせる module module module
30. Yarn workspaces hoist root A B module module module 共通するmoduleをrootにhoist（引き上げる） パッケージはrootのmoduleを参照するようになる moduleの共通化 ＝ スリムに ＝ ビルド時間短縮
31. Yarn workspaces rootパッケージインストールを4秒待つ代わりに lerna bootstrapの時間が1/25に 出典：One vs. many — Why we moved from multiple git repos to a monorepo and how we set it up https://hackernoon.com/one-vs-many-why-we-moved-from-multiple-git-repos-to-a-monorepo-and-how-we-set-it-up-f4abb0cfe469 なし あり
32. これがベスト・プラクティス？ Yarn workspaces
33. しかし うまくいかないことも
34. トラブル React Native ＠0.55.4 - metro bundler がroot module参照できない 　- RN => root ・・・ NG 　- RN => 他pkg => root ・・・ NG ReactNativeは workspaces に対応できなかったが、 WEBは快適に運用することが可能。 Yarn workspaces
35. まとめ
36. 話したこと monorepoについて monorepoのメリット/デメリット 通常のリポジトリとの違い lerna / yarn workspaces
37. lerna × yarn workspaces は良いよ （ReactNativeはうまくいかなかったけども） 複数パッケージあるならば 早期から導入を検討しても良いのかも monorepoで煩雑さを解消できるかも まとめ
38. みんな使ってみてね！