Angular 2 Module/Structure d'application

Question

J'évalue simplement comment utiliser Angular 2 pour certaines applications Web partageant certains services et composants. Autant que je comprends, je peux créer des bibliothèques de composants pour partager des composants. Chaque composant peut avoir son propre CSS qui n'affecte que le composant. Quelle est la meilleure approche pour partager les services? J'utilise actuellement Angular 1 et les composants bootstrap. Une exigence est, que notre application devrait offrir la possibilité de créer des skins personnalisés pour cela. L'application sur elle-même devrait fonctionner dans chaque site Web en ajoutant un extrait de script java. Ceci est un grand différent des autres SPA qui sont juste faits pour fonctionner dans un site Web spécifique. Actuellement, nous offrons un fichier de variables bootstrap moins qui peut être personnalisé et téléchargé pour créer via moins un nouveau skin. L'avantage de ceci est que presque tous les concepteurs de sites Web savent comment le bootstrap fonctionne. Mais cela signifie également que le CSS est défini globalement et non à l'intérieur des composants. Quelle est la meilleure approche pour offrir aux gens de personnaliser css en angulaire 2 d'une manière très facile?

Dans notre cas, il peut être nécessaire que deux applications interagissent les unes avec les autres. Dans l'exemple imaginez que vous avez une demande de réservation d'hôtel et une demande de réservation de vol. Après un utilisateur réserve un vol, vous pouvez également proposer l'application de réservation d'hôtel dans la même page. Les deux applications peuvent partager les composants comme un formulaire de sélection de gamme de dates ou une page de résultats. Est-il correct de parler de différentes applications ou est-ce que je ne créerais que deux modules (hôtel + vol)? Qu'en est-il de la charge paresseuse pour charger seulement la partie qui est nécessaire pour l'application actuelle afin de réduire le temps de chargement initial sur les plus gros projets?

Des idées quelle serait la meilleure structure pour ce genre de projets?

Answer 1

La façon dont je peux l'imaginer est.

application avec deux voies principales

/Flights 
|--Holds other routes for the Flights part of the application 
|i.e. 
/Flights/flights 
/Flights/seating 
/Flights/payment 

/Hotels 
|--Holds other routes for the Hotels part of the application 
|i.e. 
/Hotels/booking 
/Hotels/payment 

Ce sera donc une application avec deux routes principales routes nid pour leurs besoins spécifiques.