如何重用项目不同文件夹中的角度组件？

Question

我有一个Angular项目，以前的开发人员在其中复制/粘贴了组件。

在此项目中，移动视图与桌面视图完全不同，除了某些组件和可以重用的那些组件外，它们完全由开发人员复制/粘贴。甚至不同模板视图的“ .ts”文件也被复制/粘贴，可以重复使用。

现在我有两个问题

1. 如果我制作一个共享模块并在两个桌面上都重复使用该模块 和移动文件夹是否对速度/性能有影响 的应用程序，因为有超过50个组件需要 要做吗？
2. 复制/粘贴代码而不是重用那些代码是一种标准 组件。

通过查看下面的图片链接，您可以清楚地看到我的问题。 https://ibb.co/DgT4rwh

Answer 1

复制/粘贴组件是不正确的，您应该为此使用共享模块或库，有关参考，请参阅文档：

https://next.angular.io/guide/file-structure

https://next.angular.io/guide/libraries

https://next.angular.io/guide/styleguide

Answer 2

我们应该遵循DRY编码原则。您应该创建一个包含重复组件的共享模块，其他模块将使用它们。

Answer 3

Vitalii Bobrov的答案是在项目中重复使用模块和组件时的正确方法。但是从该屏幕截图看来，他们可能正在同一项目中进行复制/粘贴。您应该始终合并和重用模块/组件/服务。它对速度的唯一影响是减小应用程序的整体大小（更少的组件=更少的代码）并因此增加初始加载时间。至于＃2，复制/粘贴代码从来都不是标准的，这是我经验不足的开发人员的标志。