如何在NativeScript中将移动应用程序项目转换为web应用程序（代码共享）结构？

说明如何将现有的Angular Web项目迁移到代码共享结构

但我找不到关于如何以另一种方式操作的文档。也就是说，如何将现有的NativeScript Mobile项目迁移到代码共享结构

---

关于如何将现有的移动应用程序项目转换为web应用程序项目，您有什么想法吗？

我以前也回答过这个问题，下面是我执行相同操作的步骤。 对Web和移动设备使用相同的代码库实际上非常节省时间。以下是我根据自己的经验建议的步骤

你应该使用@angular/cli@6.1.0或者更新<代码>npm i-g@angular/cli

安装nativescript示意图<代码>npm i-g@nativescript/示意图

创建一个新项目

ng new--collection=@nativescript/schematics我的移动应用程序

（我这样做，然后从移动应用程序复制src/app文件夹）

从现有项目复制app/src文件夹。（您可能希望在nsconfig.json

“appPath”：“app”

中查找源文件夹）

找到使用移动特定组件的.ts文件，并为其创建一个。例如，我用于移动应用程序，所以我创建了一个包装帮助器类，如helper.tns.ts和helper.ts

在helper.ts中

public show() {
    alert('Javascript+HTML alert')  .
  }

在helper.tns.ts中

public show() {
    TNSFancyAlert.showWarning('Warning!', 'Message', `Ok`, 0, 300).then(() => {
         resolve('Success');
    });  
  }

将所有.html重命名为.tns.html并创建特定于web的html文件

构建web应用程序

ng serve

构建一个移动应用程序

tns run android --bundle
tns run ios --bundle

另外，bundle是此处仅编译特定于移动设备的文件的关键。定义组件视图的HTML代码在web和移动应用程序之间应该有所不同