将现有的 angular 5 项目转换为 ionic 3 项目答案

【问题标题】：converting an existing angular 5 project to an ionic 3 project将现有的 angular 5 项目转换为 ionic 3 项目
【发布时间】：2019-06-14 05:00:40
【问题描述】：

我在一个 Angular 5 项目上工作了 3 个月，我正在使用 Cordova 构建该项目以导出 android 和 Ios 应用程序。现在我的应用程序需要一些本机功能，但我找不到将我的 Angular 5 Web 应用程序转换或包装到 Ionic 3 以使用 Ionic 的本机功能的方法。有什么方法可以轻松转换吗？无需更改 UI。

【问题讨论】：

Ionic 和 NativeScript 是两个不同的框架（您正在使用这两个标签） - NativeScript 提供 Angular 零日支持并且还有一个代码共享故事 - 您仍然需要使用 NativeScript 调整 UI控件
您在寻找哪些原生能力？您如何构建您当前的 UI，迁移到 Ionic 3 可能会与您现有的样式混淆，因此直接 Cordova 集成可能会起作用。 NativeScript 不能作为选择，因为这里的目标是保持 UI 与平台原生。所以你必须至少用原生组件重写你的 HTML 文件。
我需要记住我的用户名和密码并自动登录，并且我想在我不使用应用程序时收到推送通知，例如在后台运行应用程序。我对 Cordova 插件本身的要求有什么解决方案吗？

标签： angular cordova ionic-framework wrapper

【解决方案1】：

我能想到的唯一方法是使用一个新的空白 Ionic 项目。

使用命令ionic start myApp blank 创建项目。这将创建 Ionic & Cordova 所需的一切。然后，手动将您的文件复制到此项目中。由于 Ionic 使用 Angular，因此您不必进行重大更改。

【讨论】：

视图变化如何？所有 ionic HTML 标签都类似于我应该更改我的 HTML 文件还是复制它们。
应该不需要。 Ionic 确实有自定义 html 标签，但您不必使用它们。
node_modules 呢？他们是在构建时自动创建还是cordova有一些需要注意的不同包？
node_modules 不是由 cordova 创建的，它是由 npm 创建的。它会在通过 npm 安装包时生成。

【解决方案2】：

没有捷径可走。您需要从头开始构建。但是有一些“捷径”，如果你在分离代码和布局方面做得很好，你可以显着加快构建速度。

【讨论】：