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

Question

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

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

标签： angularnativescriptangular2-nativescriptnativescript-codesharingnativescript-schematics

Answer 1

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

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