在 Nativescript 代码共享项目中使用 Angular 库

Posted 2023-04-13

【中文标题】在 Nativescript 代码共享项目中使用 Angular 库

【英文标题】：Using Angular libraries in Nativescript code sharing project

【发布时间】：2019-02-22 17:32:28

【问题描述】：

我正在尝试使用新的 @nativescript/schematics 将 Angular 应用程序迁移到带有 Nativescript 的共享代码库，但是，在构建应用程序的移动版本时，我在导入 Angular 库时遇到了问题。我使用 angular-cli 创建库 (ng generate library)。

对于网页版，我所要做的就是使用ng build library-name 单独构建库，然后我可以将其导入到主应用程序中。

如何在运行tns run ios --bundle 时构建可导入主应用程序的移动版库？我已经使用适当的 *.tns 文件迁移了库的组件和模块。

感谢任何帮助

【问题讨论】：

我也有同样的问题。你找到解决办法了吗？

任何解决方案？？

这有帮助吗 - blog.angular.io/…

【参考方案1】：

我遇到了同样的问题。 Nativescript cli 没有这个功能，我们可以在 npm 包中构建一个角度库并在其他项目中使用它。

我尝试了一种解决方法，它对我有用。编写脚本将所有项目文件复制到另一个目录并替换所有 *.tns.ts、*tns.html 和 *.tns.scss。分别带有 *.ts、*.html 和 *.scss 的文件。然后使用常规 ng 命令构建这些文件。您可以在 angular.json 文件中添加相同的构建配置，以从复制的目录构建。希望对你有帮助。

【参考方案2】：

很抱歉，这只是一个超链接答案，但在我看来，回答这个问题所需的空间太大了。我刚刚完成了repo 的定稿，我一直在努力做到这一点。我有一大堆 Angular Web 库，现在我想使用 NativeScript 在移动设备上使用它们。我已经把我目前学到的所有东西都写进了这个repo，我希望它也能帮助到你。

感谢 @Rohit 的最终推动/想法，在此 repo 的 test-lib/gulpfile.js 中提供了一个执行他建议的脚本。

【讨论】：

我很难找到您的链接存储库，它被删除了吗？

啊，对不起，我忘了这里有链接。我摆脱了它，因为它已经过时（Angular 7），并且在此之后不久我切换到使用 nx 的单一存储库，我不会回头。它为我节省了很多时间。但我在笔记本电脑上找到了代码，所以我恢复了回购。希望它可以帮助一些人，但我不知道我可以回答任何关于它的问题了。

没问题！感谢您将其备份！