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 

应用程序，这将是一个应用程序有两个主要途径，对于他们的特定需求巢的路线。