在我正在构建的Angular 5代码中，我可以选择一种设计方法：
方法2的优点是，树摇动将仅包含我们想要的组件，而对于方法1，如果已加载组件，则必须加载所有代码。但是我担心由于组件数量的原因，我正在生成多少额外的代码（用户必须加载）。
所以我的问题是：
由于加载了最小的Angular 5组件，我的应用加载了多少代码/数据？
首先讨论您的第一种方法由于丑角具有基于组件的架构。基本上，通常已知单个html代码是组件。例如，我们有一个完整的html模板，其中包括表单，滑块，页脚，导航栏等。然后，我们将引用滑块一个组件，形成另一个组件，依此类推。因此，在我们的角度应用程序中，我们应该为滑块和表单创建不同的组件，并在需要时将其导入到[[.html文件中。我们可以使用event emiiter交换它们的数据。因此，只要需要滑条，就只需要调用一个组件即可，而不必编写整个滑条代码，而它们又是各自的。ts代码。在这种情况下，最好成为一个懒惰的程序员，例如“ 多次写入一次”为此，我们应该参考父子组件技术。benefit是我们不会有任何代码冗余。它的简单标语是“在需要时使用”。在第二种方法中，最大的缺点是代码冗余会增加。希望，您对这两种方法都很清楚。
现在，何时使用哪种方法？第一种方法
：-当您的项目太大时，您需要在项目中多次使用相同的html代码。第二种方法：-当您的项目规模不大并且您不需要在项目中多次使用相同的html代码时。注：-您可以创建任意数量的组件。它不会影响性能，因为在构建之后，只有很少的文件位于云中。希望，您的疑问很清楚1. We should use route resolve to fetch and map data, it should reside in
separate service.
2. We should move all reusable logic , which is not specific to component,
move to a service.
以上2分将解决大多数情况。