web-dev-qa-db-ja.com

既存のプロジェクトからangular要素を構築する

既存のAngular 8プロジェクトには、カスタムdatepickers, numeric inputs, ...などの一般的なコンポーネントが多数含まれています。プロジェクト自体は標準のAngularアプリです。

これらのコンポーネントの一部をAngular他のAngularアプリまたはAngular関連しています。

生成されたJavaScriptファイルに、単一のAngular要素に固有のコードのみが含まれるようにプロジェクトをビルドすることは可能ですか?

私が必要なのは次のようなものです:ng build --element myDatePicker

これにより、myDatePicker-ElementのすべてのJavaScriptファイルが生成され、必要な依存関係がすべてありますが、プロジェクトの他のコード(他のcomponents, modules, ...など)はありません。

ng buildを使用すると、アプリ全体が通常どおりビルドされるはずです。

13
Stefan

新しいライブラリを作成して公開し、Angular機能を拡張できます。複数のアプリで同じ問題を解決する必要がある場合(またはソリューションを他の開発者と共有する場合)は、ライブラリの候補があります。

ライブラリを生成するためのコマンドはng generate library my-lib

ライブラリには通常、コンポーネント、サービス、およびプロジェクトに単純にインポートするその他のAngularアーティファクト(パイプ、ディレクティブなど))を定義する再利用可能なコードが含まれています。ライブラリはnpmパッケージにパッケージ化されています公開および共有のために、このパッケージには、CLIがng generateコンポーネントを使用して汎用スケルトンアプリを作成するのと同じ方法で、プロジェクトでコードを直接生成または変換するための指示を提供する回路図を含めることもできます。ライブラリと組み合わせた回路図たとえば、Angular CLIに、そのライブラリで定義された特定のコンポーネントを生成するために必要な情報を提供できます。

出典: https://angular.io/guide/creating-libraries

0
Bytech