如何使用相同的代码库创建具有某些共享服务和组件的另一个项目?

时间:2019-06-09 14:26:15

标签: javascript angular

我们已经有一个适合桌面用户且设计的Web应用程序,现在我们决定使用Angular power并为移动设备用户开发一个新版本的网站。

我的意思是我们希望在我们的网站上拥有一个针对移动用户完全优化的版本,该方法称为自适应设计。

我们通过获取User-Agent来检测用户类型,并根据设备类型投放不同的Web应用。

我们想使用我们的服务,模型,指令和管道,但仅使用组件和视图以及一些逻辑更改。我们如何有多个使用一个源库或应用程序的Angular项目?有很多不需要重写的共享代码

2 个答案:

答案 0 :(得分:2)

您可以对所有组件,服务,模型,指令和管道使用两个项目以及一个共享库。现成的Angular CLI支持该配置。

如何设置多个项目:

https://angular.io/guide/file-structure#setting-up-for-a-multi-project-workspace

如何创建和使用库

https://angular.io/guide/creating-libraries#getting-started

答案 1 :(得分:1)

在项目之间共享公共代码库可以通过将其置于库项目或共享模块中来实现,因为可以在工作空间中的不同角度应用程序之间使用角度应用程序的共享模块,但是最佳实践实际上是在使用一个图书馆项目。

自v6起,Angular CLI支持库创建。 https://angular.io/guide/creating-libraries#getting-started