複数のangular4モジュールの共通コード

Question

私の会社では、単一のIntellijプロジェクトに複数のangular4モジュールがある状況があります。これらのすべてのモジュールには、現在複製されている共通のコードがあります。例えば、

1. ディメンションとサービスのような角度アーチファクトがあります。
2. アセットのようなイメージとフォント。
3. 依存関係 - node_modules内のブートストラップ（と他のもの）に似ています。

私の質問は、私たちが共通の場所になりますように、私たちは、モジュールを並べ替えることができる方法である（多分同じプロジェクトに共通のIntelliJのモジュールなど、？）すべての共通コードが内に存在するように？

明らかに、エディタは（特定のモジュールと共通モジュールの両方から）補完を正しく提案し続ける必要があり、webpackは正しく構築を続ける必要があります。

Answer 1

共通部分に別の静的Webモジュールを作成することができます。しかし、Ideaモジュール間で解決されるタイプは依存モジュールでのみ機能することに注意してください。各角度モジュールは、共通モジュールに依存して、共通モジュールから関数を取得する必要があります。静的なWebモジュールの依存関係を作成するための唯一の方法は、のJavaScriptライブラリ追加された：Settings | Languages & Frameworks | JavaScript | Libraries、Add...、Add filesでは、あなたはを参照したい関数が含まれて共通モジュールディレクトリを選択し、その後、Manage scopesダイアログメイクでこのライブラリを関数を参照するモジュールに接続してください。

もう1つの方法は、この共通フォルダを各Webモジュールの別のコンテンツルートとして追加することです。Project Structure | Modules、モジュールAdd content rootを選択し、共通コードが存在するフォルダを選択します。

webpackは正しく構築を続ける必要があります。

Webpackは、IDEAモジュール/プロジェクト構造については何も知らず、パスを扱います。