2017-03-04 6 views
0

おはよう、 同じビジネスロジックを共有するが、レイアウト、スタイル、アニメーションが異なる2つの異なるAngular2アプリを作成しようとしています。Angularアプリ間でスクリプトを共有

「クラシックな」html + css + jsウェブサイトは、私のカスタムhtml + css + jsを作成し、共通のものを参照することです。 このソリューションの利点は、バグを修正したり、共有コードを簡単に変更する可能性があることです。

したがって、たとえば、このようなウェブサイトの構造に:

└─┬www 
    | 
    ├─┬WebSite1 
    | └ site1.html 
    | └ style1.css 
    | └ script1.js 
    ├─┬WebSite2 
    | └ site2.html 
    | └ style2.css 
    | └ script2.js 
    ├─┬Shared 
    | └ shared.js 

私はWEBSITE1とWEBSITE2から "shared.js" を参照することができます。角度付き

は、私は多分、「ライブラリ」のコードを共有する、2つの異なるアプリケーションを構築していることを理解し、私はいくつかの共有コードを変更する必要がある場合、私は二つのアプリケーションを再構築する必要があります。

正しいですか?簡単な方法で2つのアプリケーションを配備することをお勧めしますか?

+0

共有 "機能"モジュールを作成し、npmにバージョン管理されたパッケージとして展開します。その後、各Webサイトで簡単に共有ライブラリをインストールできます:npm install pixelbits

+0

こんにちはpixelbits、あなたの答えに感謝!このソリューションでは、私は私の両方のウェブサイトを再構築し、再びそれらを展開する必要が私のパッケージを変更する場合、これは私の懸念です。私は正しいですか? – o0mardok0o

+0

それは正しいです。あなたのパッケージはnpmでバージョン管理されています。パッケージの更新版でWebサイトを展開する場合は、パッケージを再構築する必要があります。確かにnp。このスターターアプリをチェックしてください:https://www.npmjs.com/package/ng2-starter-app。モジュールをビルドしてパッケージ化する方法を示します。 – pixelbits

答えて

0

Angularプロジェクトを整理するには、主にby-feature(製品機能)とby-file-type(htmlでは別のディレクトリ、サービスでは別のディレクトリ、lessファイルなど)があります。 あなたはこのロジックが必要な角度アプリケーションの他のインスタンスから、関連するservicesを含むことができ、ビジネス・ロジック・モジュールを含めるだけことができるように最善のスーツ何場合は、バイ・ファイル・タイプです。

関連する問題