这只是一个简单的问题，它已经超过2小时搜索接下来要学习的内容！我想要的东西能让我创建一个跨平台的应用程序：web - android - ios . 我已经在NativeScript之间撕毁并反应原生的Reactxp ..我需要你的经验伙计们，谢谢你们！将网络的力量带到手机上 .
由于您希望为Web和电话共享相同的代码库，因此NativeScript是一个明显的选择.Angular和NativeScript团队合作创建了nativescript-schematics，这是一个原理图集合，使您可以从单个项目构建Web和移动应用程序 .
代码共享项目是我们将Web和移动应用程序的代码保存在一个地方的项目 . 这是一个快速图表，向您展示高级别的外观 .
目标是尽可能多地共享代码，并将特定于平台的代码拆分为单独的文件 .
这通常意味着我们可以共享以下代码：
用于导航的路由，用于公共业务逻辑的服务以及用于组件的常见行为的组件类定义同时，将代码拆分为：
UI层（CSS和HTML） - 因为您需要在Web和NativeScript构建的本机应用程序和NgModules中使用不同的用户界面组件 - 这样您就可以导入特定于平台的模块，而不会产生冲突（例如Angular Material Design - 这是网络和移动之间的网络） .
要创建两个单独的模板，只需使用命名约定即可 . 只需创建两个文件：
yourcomp.component.html - Web模板文件yourcomp.component.tns.html - NativeScript模板文件 - 它是.tns，使其成为文件 .
您甚至可以从现有项目迁移，您可以使用说明书here
P.S.The nativescript / schematics包仅适用于@ angular / cli：6.1.0或更新版本 .
1 回答
由于您希望为Web和电话共享相同的代码库，因此NativeScript是一个明显的选择.Angular和NativeScript团队合作创建了nativescript-schematics，这是一个原理图集合，使您可以从单个项目构建Web和移动应用程序 .
代码共享项目是我们将Web和移动应用程序的代码保存在一个地方的项目 . 这是一个快速图表，向您展示高级别的外观 .
目标是尽可能多地共享代码，并将特定于平台的代码拆分为单独的文件 .
这通常意味着我们可以共享以下代码：
用于导航的路由，用于公共业务逻辑的服务以及用于组件的常见行为的组件类定义同时，将代码拆分为：
UI层（CSS和HTML） - 因为您需要在Web和NativeScript构建的本机应用程序和NgModules中使用不同的用户界面组件 - 这样您就可以导入特定于平台的模块，而不会产生冲突（例如Angular Material Design - 这是网络和移动之间的网络） .
要创建两个单独的模板，只需使用命名约定即可 . 只需创建两个文件：
yourcomp.component.html - Web模板文件yourcomp.component.tns.html - NativeScript模板文件 - 它是.tns，使其成为文件 .
您甚至可以从现有项目迁移，您可以使用说明书here
P.S.The nativescript / schematics包仅适用于@ angular / cli：6.1.0或更新版本 .