Angular 2模塊/應用程序結構

Question

我只是在評估如何在一些共享某些服務和組件的Web應用程序中使用Angular 2。據我所知，我可以創建組件庫來共享組件。每個組件可能都有自己的CSS，它隻影響組件。共享服務的最佳途徑是什麼？我正在使用Angular 1和引導組件。一個要求是，我們的應用程序應該提供爲其創建自定義外觀的可能性。該應用程序本身應該在每個網站上通過添加一個Java腳本片段來工作。這與剛剛在一個特定網站上運行的其他SPA有很大不同。目前我們提供了一個無需引導程序的變量文件，可以自定義上傳文件，通過少一個新的皮膚創建。這樣做的好處是，幾乎每個網頁設計師都知道bootstrap是如何工作的。但這也意味着css被定義爲全局的而不是在組件內部。以非常簡單的方式爲用戶提供角度2中定製css的最佳方法是什麼？

在我們的例子中，可能需要兩個應用程序相互交互。在示例中，想象一下，您有一個酒店預訂應用程序和一個機票預訂應用用戶預訂航班後，您可能還想在同一頁面內提供酒店預訂應用程序。這兩個應用程序可以共享組件，如日期範圍選擇表單或結果頁面。談論不同的應用程序是否正確，或者我是否只創建兩個模塊（酒店+航班）？那麼延遲加載如何僅加載當前應用程序所需的部分以減少較大項目的初始加載時間？

任何想法什麼是這種項目的最佳結構？

Answer 1

我可以想象它的方式是。

有兩個主要途徑

/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 

應用程序，這將是一個應用程序有兩個主要途徑，對於他們的特定需求巢的路線。