ライブラリを使わずにmonorepoっぽいことをする

https://gyazo.com/7e258897f0312d0cd0fa3fc72b28c28a

これの下の矢印のようなことをしたい

いずれBやCを外部リポジトリにわけるつもりなので依存を最小限に留めるためにmonorepoっぽいことをしたい

最初は、lernaでやろうと思ったが、いろいろつらそうなので辞めた

やったこと

元リポジトリ

packagesディレクトリ追加

packages/Bを追加

pacakage.jsonに以下を追加

code:package.json

"workspaces": [

"packages/*"

新しいリポジトリ (packages/Bの中）

npmでpackageを作るの手順でpackageを作る

適当に関数を定義

code:packages/B/src/index.ts

export const helloworld = () => console.log('fuga');

tscでコンパイル

元リポジトリ

$ npm i ./packages/B/

相対をnpm installする

package.jsonに、"B": "file:packages/B",が追記される

適当に読み込んで見る

code:index.tsx

import { helloworld } from 'reditor';

console.log(helloworld());

このcommit ref

watchコンパイルしとけば、hot realodでちゃんと自動で読み込まれる

これでいつかgit filter-branchすれば、簡単に切り出せる