angular - 如何将现有的 NativeScript Angular 项目转换为代码共享项目

Question

所有可用的教程都讨论了如何将 Angular Web Apps 转换为代码共享 Nativescript 项目。我想做相反的事情。

我几乎完成了使用 Nativescript 编写移动应用程序的代码，现在我想通过两者之间的代码共享来制作 Web 应用程序。

Answer 1

几天前我做了几乎相同的事情，虽然不完全标准，但我的方法是:

• 从头开始创建一个新的共享网络/移动项目。
• 将 Angular 组件从仅限移动设备的项目移至共享项目。
• 将所有 HTML 文件重命名为 .tns.html(也许您也应该重命名 SCSS/CSS 文件，我没有)
• 为您添加的每个组件创建空的 HTML 文件
• 调整 app.module.ts 和 app.module.tns.ts 以包含新组件和任何服务。 app.module.tns.ts 应该非常类似于移动应用程序之一。
• 在出现错误时建立并解决错误。如果可能，为移动和 Web 构建保留 webpack 监视文件，以便您可以解决两个平台的错误。