プロジェクト A (本格的な Web アプリ) とプロジェクト B - プロジェクト A で使用されるコンポーネント プロジェクトがあります。プロジェクト A は、bower を使用してプロジェクト B への依存関係を定義します。
目標を一言で言えば - A と B の両方を同時に開発できるようにしたいので、B のソースが変更されたときに A に通知され、これらの変更がブラウザーにすぐに反映されます。問題は、アーティファクトをラップするのではなく、A の B のソースへの依存関係を定義する便利な方法が見つからないことです。
A の index.html には、B から提供された最後のアーティファクトを何らかの方法で含める必要があります。つまり、project_b.js や project_b.css のようなものになります。
これらのアーティファクトは B の最終的な成果物であり、ソースを構築した結果です。B の bower.json ファイルでは、これらのアーティファクトを「メイン」セクションで定義する必要があります。
また、bower のすべての依存関係を A の index.html に適切に調整するために、grunt-bower-install / grunt-wiredap も使用します。この種のツールは、最終的に B の「メイン」セクションで定義されたファイルで動作します。
しかし、開発モードではどうなるでしょうか? 理想的には、開発モードで B のソースのコードを変更し、それが A に反映されるのを確認できます。bower リンクは問題の一部のみを解決します。なぜなら、A が B のソースの変更に本当に反応できるようにするためです。 B でビルド a を開始する必要があります。これにより、プロジェクトの「メイン」アーティファクトが変更され、そうして初めて A が実際に影響を受けます。
それは便利なIMOではありません。開発モードでは、通常、ソース ファイルに対して作業を行い、継続的なビルド (jshint、compass などのいくつかの小さなタスクまで) を避けます。Bのソースファイルにも手を加えたい・・・これもデバッグ上重要です。
これを達成する方法についてのアイデアはありますか？いくつかのトリックを念頭に置いていますが、実際に機能するかどうかはわかりません。
どうもありがとう、ダニエル