7 ポイント 投稿者 alstjr7375 2025-05-25 | 1件のコメント | WhatsAppで共有

既存の vite-plugin-dts というプラグインがありましたが、大規模なパッケージやモノレポでは性能上の問題があったため、直接作成しました。

なぜ速いのか?

  1. tsc --build のような増分ビルド
  2. 分離されたワーカーで並列実行
  3. Vite の library mode で複数の format が実行されるときに重複実行されない

増分ビルドが可能になるためホットビルドで特に高速で、
従来は 30 秒以上かかっていたパッケージのビルドが 5 秒に短縮されました。

使用のコツ

正しく使用するには、適切な Project Reference の設定が必要になる場合があります。
そのため、@monorepo-utils/workspaces-to-typescript-project-references というパッケージに貢献し、自動でプロジェクトリファレンスが設定されるようにしました。

  • シングルレポ: --includesLocal オプションを使用してください。
  • モノレポ: --includesRoot--includesLocal オプションを使用してください。

参考: このプラグインは vue-tsc型バンドリング(rollupTypes) をサポートしていません。

1件のコメント

 
alstjr7375 2025-05-25

もしこのほかにもフロントエンドのビルドツールについて、さまざまな観点から知りたいのであれば、

フロントエンドのモノレポビルドに関する一考という記事も読んでみてください!!