Closed4

Hono RPCを使う際にプロジェクトごとのPath Aliasをかいくぐる

たぬきうどん大盛りたぬきうどん大盛り

サーバ側をDeno + Honoなスタックで作っているアプリがあり、リポジトリが分かれているフロント側でHono RPCを使いたいなと思っている。
ちなみに、フロントはVite + React-ts。

たぬきうどん大盛りたぬきうどん大盛り

Git Submoduleを使って、フロント側でサーバ側のソースを取り込んで、hono/clientしてインテリセンス効かせようと思ったけど、効かない。

なぜなんだろうと思ったときに浮かんだのが、サーバ側でPath Aliasを設定していた。
多分、これが原因。

たぬきうどん大盛りたぬきうどん大盛り

案2:フロント側のtsconfigにサーバ側のPath Aliasを設定する

フロント側のtsconfigにサーバ側のPath AliasをもとにしたPath Aliasを設定する。
例として、サーバ側(Deno)のdeno.jsoncimportsに以下のようにPath Aliasが設定されていた場合、

"imports": {
    "$/": "./"
},

フロントディレクトリ内のfooディレクトリ下にサーバのソースがあるとするとフロント側のtsconfigは以下のように設定する。

"compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "$/*": ["./foo/*"] // サーバのソースの配置場所を考慮したパスにする。
    }
}

ただ、サーバ側とフロント側のPath Aliasがかぶると使えない。

このスクラップは2ヶ月前にクローズされました