web-dev-qa-db-fra.com

Comment partager un composant Angular 2 entre plusieurs projets Angular 2)?

Idéalement, je voudrais créer un composant autonome Angular 2 (avec tests), puis le réutiliser entre deux ou trois différents Angular 2 Quels sont les bons moyens pour y parvenir? Et une question bonus - existe-t-il des composants tiers Angular 2 composants existent?

25
Sergey Aldoukhov

Vous pouvez créer une bibliothèque de composants angular2 (avec tests), puis l'utiliser dans n'importe quel nombre de projets

Voici comment créer une bibliothèque angular2 https://makina-corpus.com/blog/metier/2017/how-to-create-an-angular-library

avec angular-cli https://medium.com/@nikolasleblanc/building-an-angular-4-component-library-with -le-pack-angulaire-cli-et-ng-53b2ade0701e

Ensuite, vous pouvez également le publier pour un usage public. Si vous souhaitez le garder privé, vous pouvez lire ceci https://www.npmjs.com/onsite

Oui, de nombreux composants angular2 tiers existent. Voici quelques-uns de valor-software https://github.com/valor-software/ng2-plans


Générateur Yeoman pour angular https://github.com/jvandemo/generator-angular2-library

27
Vamsi

c'est un peu tard mais j'aimerais suggérer une autre solution, récemment publiée sur beta publique pour Angular . Vous pouvez encapsuler chaque composant dans un ngModule (comme le font la plupart des bibliothèques de composants ng), puis utiliser bit pour partager le composant entre deux projets ou applications différents. Les avantages sont que vous pouvez publier, installer et mettre à jour des composants individuels. bit gérera l'emballage du composant avec toutes ses dépendances, fichiers, etc. afin que vous puissiez ensuite l'installer un autre projet en utilisant npm/yarn. De plus, vous pouvez ensuite utiliser bit pour importer le code du composant dans le 2e dépôt, apporter des modifications et les synchroniser entre les dépôts. Vous pouvez jeter un oeil aux Angular avec bit tutoriel et directives (écrit ensemble par les équipes bit et angular). Voici également quelques exemples . J'espère que cela t'aides. Je fais partie de l'équipe, alors n'hésitez pas à demander quoi que ce soit et j'aimerais aider si je le peux.

2
JSar