2016-09-08 7 views
2

Angular 2を使用して2つの製品を開発しています(Reactでは同じ問題ですが)。 2つの製品の間でコンポーネントを共有したいと考えています。私は、npmモジュールに分割することが、これを達成する良い方法になると考えていました。ホットリロードを保持しながら2つのプロジェクト間でコンポーネントを共有

コードの変更を行うと問題が発生し、開発プロセスが遅くなるという問題があります。

誰もこの分離を維持する方法を提案することはできますが、ブラウザーの更新時にすぐに変更を見ることができるでしょうか?

答えて

1

自分の質問に答えるために - これはnpm link

NPMのリンクを使用して行うことができますあなたは共有モジュールに2つのクライアント・プロジェクトの各リンクを持つことができます。 (その中にpackage.jsonと)共有モジュールのソースフォルダで

: -

npm link 

これはpackage.jsonファイルでのパッケージ名のグローバルリンク(例えば私の共有モジュールを作成します)

そして、クライアントのプロジェクトのそれぞれに: -

npm link my-shared-module 

これは、ビルドシステムによって変化を監視することができ、あなたのnode_modulesフォルダ()内のシンボリックリンクを作成します

0

これを行うには、Bitという独自のプロジェクトを使用します。

ご利用いただきありがとうございます。 これは、リポジトリを分割することなく、異なるプロジェクト間で共通のコンポーネントを共有することができます。また、開発プロセスを遅くする必要がないようにコードの両端を変更することもできます。 これが役立つことを願っています。

関連する問題