ライブラリ全体をロードする代わりに、Angularライブラリから1つのモジュールをロードします

0
AbolfazlR 2019-08-23 02:13.

次のコマンドで生成されたAngularライブラリがあります。

ng generate library cac-models

このライブラリには、AdminとClient Moduleという名前の2つのモジュールがあります。Adminモジュールを使用する場合は、次のコマンドのようにロードしてからインポートする必要があります。

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { AdminModule } from 'cac-models';  //=> this line

@NgModule({
  declarations: [AppComponent],
  imports:
    [
      BrowserModule,
      AdminModule,
      AppRoutingModule
    ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

このように、Angularはライブラリ全体(管理者モジュールとクライアントモジュールの両方)をロードします。これは、cac-modelsからAdminModuleをインポートするためです。

管理モジュールのみをロードしたいのですが。以下のように:

 import { AdminModule } from 'cac-models/lib/admin/admin.module'; // I get error

このようにして、次のエラーが発生します

モジュールが見つかりません:エラー:「cac-models / lib / admin /admin.module」を解決できません

できますか?

2 answers

1
Barkha 2019-08-23 03:27.

特にAdminModuleをインポートする場合は、それだけが最終ビルドの一部になり、すべてのデッドコードが削除されます。これはあなたがここで読んだ木の揺れの一部として起こりますhttps://webpack.js.org/guides/tree-shaking/

0
AbolfazlR 2020-01-09 11:14.

あなたの質問によると、プロジェクトフォルダには次の構造があります。

-projects
---------cac-models
-------------------src
----------------------lib
-------------------------Admin(module)
--------------------------------------admin-component-one
--------------------------------------admin-component-two
--------------------------------------admin-component-three
-------------------------Client(module)
---------------------------------------client-component-one
---------------------------------------client-component-two
---------------------------------------client-component-three
----------------------public-api.ts

AdminModule:

@NgModule({
  declarations:
    [
      AdminComponentOneComponent,
      AdminComponentTwoComponent,
      AdminComponentThreeComponent
    ],
  imports:
    [
      CommonModule
    ],
  exports:
    [
      AdminComponentOneComponent,
      AdminComponentTwoComponent,
      AdminComponentThreeComponent
    ]
})
export class AdminModule { }

ClientModule:

@NgModule({
  declarations:
    [
      ClientComponentOneComponent,
      ClientComponentTwoComponent,
      ClientComponentThreeComponent
    ],
  imports:
    [
      CommonModule
    ],
  exports:
    [
      ClientComponentOneComponent,
      ClientComponentTwoComponent,
      ClientComponentThreeComponent
    ]
})
export class ClientModule { }

あなたはpublic-api、次のようにする必要があります:

export * from './lib/admin/admin.module';
export * from './lib/client/client.module';

次に、cac-models次のコマンドを使用してライブラリをビルドします。

ng build cac-models

のみ使用するAdminModule場合は、次のようにインポートする必要があります。

import { AdminModule } from 'cac-models';

多分あなたはあなた自身に尋ねます、ここでAngularはライブラリ全体をロードします、答えは:いいえ、ここでAngularはライブラリ全体ではなくcac-modelsのAdminModuleのみをロードします。

テスト用:

AppModuleにAdminModuleをインポートし、Augury拡張機能をインストールして、結果を確認しますここでは、angualrがライブラリ全体ではなくAdminModule(および3つのエクスポートされたコンポーネント)のみをロードすることがわかります

Related questions

MORE COOL STUFF

Reba McEntire は、彼女が息子の Shelby Blackstock と共有する「楽しい」クリスマスの伝統を明らかにしました:「私たちはたくさん笑います」

Reba McEntire は、彼女が息子の Shelby Blackstock と共有する「楽しい」クリスマスの伝統を明らかにしました:「私たちはたくさん笑います」

Reba McEntire が息子の Shelby Blackstock と共有しているクリスマスの伝統について学びましょう。

メーガン・マークルは、自然な髪のスタイリングをめぐってマライア・キャリーと結ばれました

メーガン・マークルは、自然な髪のスタイリングをめぐってマライア・キャリーと結ばれました

メーガン・マークルとマライア・キャリーが自然な髪の上でどのように結合したかについて、メーガンの「アーキタイプ」ポッドキャストのエピソードで学びましょう.

ハリー王子は家族との関係を修復できるという「希望を持っている」:「彼は父親と兄弟を愛している」

ハリー王子は家族との関係を修復できるという「希望を持っている」:「彼は父親と兄弟を愛している」

ハリー王子が家族、特にチャールズ王とウィリアム王子との関係について望んでいると主張したある情報源を発見してください。

ワイノナ・ジャッドは、パニックに陥った休暇の瞬間に、彼女がジャッド家の家長であることを認識しました

ワイノナ・ジャッドは、パニックに陥った休暇の瞬間に、彼女がジャッド家の家長であることを認識しました

ワイノナ・ジャッドが、母親のナオミ・ジャッドが亡くなってから初めての感謝祭のお祝いを主催しているときに、彼女が今では家長であることをどのように認識したかを学びましょう.

セントヘレナのジェイコブのはしごを登るのは、気弱な人向けではありません

セントヘレナのジェイコブのはしごを登るのは、気弱な人向けではありません

セント ヘレナ島のジェイコブズ ラダーは 699 段の真っ直ぐ上る階段で、頂上に到達すると証明書が発行されるほどの難易度です。

The Secrets of Airline Travel Quiz

The Secrets of Airline Travel Quiz

Air travel is far more than getting from point A to point B safely. How much do you know about the million little details that go into flying on airplanes?

Where in the World Are You? Take our GeoGuesser Quiz

Where in the World Are You? Take our GeoGuesser Quiz

The world is a huge place, yet some GeoGuessr players know locations in mere seconds. Are you one of GeoGuessr's gifted elite? Take our quiz to find out!

バイオニック読書はあなたをより速く読むことができますか?

バイオニック読書はあなたをより速く読むことができますか?

BionicReadingアプリの人気が爆発的に高まっています。しかし、それは本当にあなたを速読術にすることができますか?

黒人の失業率は歴史的な低水準に達しました。トランプはクレジットを取得する必要がありますか、それとも私たちはプレイされていますか?

黒人の失業率は歴史的な低水準に達しました。トランプはクレジットを取得する必要がありますか、それとも私たちはプレイされていますか?

トム・ペニントン/ゲッティイメージズ新しい関係で起こることの1つは、誰が何のクレジットを取得するかについて混乱し始めることです。私は私の元と一緒にこの良いサルサダンサーでしたか?私はいつもエビとグリッツが好きでしたか、それとも新しいペはおばあちゃんよりも上手に調理しましたか?現実の世界では、あなたを知っている友達は記録を更新します:あなたは決して良いサルサダンサーではありませんでしたまだそうではありません。

OJシンプソンが仮釈放を許可

OJシンプソンが仮釈放を許可

ゲッティ経由の画像。誰も驚かないニュースで、O。

マーベルはすでにその次のビッグコミックイベントをからかっています

マーベルはすでにその次のビッグコミックイベントをからかっています

皆さん、ストラップを締めてください。シビルウォーIIはかろうじて終わったばかりかもしれません、インヒューマンズ対。

バンジーは運命からピーターディンクレイジを消去しています

バンジーは運命からピーターディンクレイジを消去しています

長い間、世界は、死のゆっくりとした避けられない進行についてのビデオゲームであるDestinyで演じるピーターディンクレイジの声を笑っていました。まもなく、その声の演技は変わるでしょう。

米国のフィギュア スケートは、チーム イベントでの最終決定の欠如に「苛立ち」、公正な裁定を求める

米国のフィギュア スケートは、チーム イベントでの最終決定の欠如に「苛立ち」、公正な裁定を求める

ロシアのフィギュアスケーター、カミラ・バリエバが関与したドーピング事件が整理されているため、チームは2022年北京冬季オリンピックで獲得したメダルを待っています。

Amazonの買い物客は、わずか10ドルのシルクの枕カバーのおかげで、「甘やかされた赤ちゃんのように」眠れると言っています

Amazonの買い物客は、わずか10ドルのシルクの枕カバーのおかげで、「甘やかされた赤ちゃんのように」眠れると言っています

何千人ものAmazonの買い物客がMulberry Silk Pillowcaseを推奨しており、現在販売中. シルクの枕カバーにはいくつかの色があり、髪を柔らかく肌を透明に保ちます。Amazonで最大46%オフになっている間にシルクの枕カバーを購入してください

パデュー大学の教授が覚醒剤を扱った疑いで逮捕され、女性に性的好意を抱かせる

パデュー大学の教授が覚醒剤を扱った疑いで逮捕され、女性に性的好意を抱かせる

ラファイエット警察署は、「不審な男性が女性に近づいた」という複数の苦情を受けて、12 月にパデュー大学の教授の捜査を開始しました。

コンセプト ドリフト: AI にとって世界の変化は速すぎる

コンセプト ドリフト: AI にとって世界の変化は速すぎる

私たちの周りの世界と同じように、言語は常に変化しています。以前の時代では、言語の変化は数年または数十年にわたって発生していましたが、現在では数日または数時間で変化する可能性があります。

SF攻撃で91歳のアジア人女性が殴られ、コンクリートに叩きつけられた

犯罪擁護派のオークランドが暴力犯罪者のロミオ・ロレンゾ・パーハムを釈放

SF攻撃で91歳のアジア人女性が殴られ、コンクリートに叩きつけられた

認知症を患っている 91 歳のアジア人女性が最近、47 番街のアウター サンセット地区でロメオ ロレンゾ パーハムに襲われました。伝えられるところによると、被害者はサンフランシスコの通りを歩いていたところ、容疑者に近づき、攻撃を受け、暴行を受けました。

ℝ

“And a river went out of Eden to water the garden, and from thence it was parted and became into four heads” Genesis 2:10. ? The heart is located in the middle of the thoracic cavity, pointing eastward.

メリック・ガーランドはアメリカに失敗しましたか?

バイデン大統領の任期の半分以上です。メリック・ガーランドは何を待っていますか?

メリック・ガーランドはアメリカに失敗しましたか?

人々にチャンスを与えることは、人生で少し遅すぎると私は信じています。寛大に。

Language