2017-04-04 27 views
4

私は、AngularCliを使ってAngular2で開発しているアプリケーションを持っています。これを別のプロジェクトに "Layout"(MasterPageのようなもの)として使用したいのです。大きな "SPAシステム"のように。内部に別のAngularCliを含むAngularCliアプリケーションを作成するにはどうすればよいですか?

  • 枠組み
    • ページ
  • Xpto
    • ページB
  • :我々は次のようになりますメニューには例えば

フレームワークはhttp://localhost:90で実行され、XPTOはhttp://localhost:91で実行されています。どちらもAngularCliで動作しています。

ページAまたはページBをクリックすると、ブラウザがリロードされず、ユーザーに「アプリ」スタイルが与えられ、ページを介してSPAとしてページが読み込まれる構造を作成したいとします。

主な理由は、Javascripts、CSS、および他の多くのファイルを「フレームワーク」プロジェクトから他の20個のプロジェクトに再利用することです。私はこれらのプロジェクト全体ですべてのコンポーネント、ファイルなどを複製したくありません。

今日、MVC3とRazorGeneratorを使用して.cshtmlをDLLとして作成し、.cshtmlをFrameworkから他のモジュールに再利用しました。

しかし、私たちはAngularCliに行きたいです。それを行う方法はありますか?そうでない場合は、コンポーネントや他のファイルを再利用できるAngularCliでテンプレートを作成する方法がありますか?

ありがとうございました!

答えて

4

共有する角型コンポーネントとモジュールを別々のnpmパッケージに入れ、このパッケージを他のプロジェクトの依存として使用できます。 npmパッケージを参照するには(npmjs.comでホストされていないと仮定します)、gitリポジトリまたはローカルパスを指定できます。ここで はpackage.jsonの一例である

{ 
    "name": "foo", 
    "version": "0.0.0", 
    "dependencies": { 
    "my_git_package": "git+ssh://[email protected]/project.git#commit-ish", 
    "my_local_package": "file:../foo/bar" 
    } 
} 

、あなたの答えに感謝をここにhttps://docs.npmjs.com/files/package.json

+0

こんにちはランダムdependenciesセクションを見てみましょう。私はそれを行う方法を探していますが、npmを公開すると、パッケージはインターネットに送られますか?あなたはそれを行う方法のいくつかの例がありますか? もう一度おねがいします! – galioni

+0

こんにちは、私の応答に例を追加 – Random

+0

それは動作します!ありがとうございました!あなたは命の恩人です! =) – galioni

関連する問題