首页 > 解决方案 > 如何从分离的角度工作区调试 Angular 库

问题描述

我有两个角度工作区。

首先有一个项目 -angular library作为 npm 包分发。第二个 - 具有多个 的工作区angular applications,其中一些(或全部,不重要)使用来自第一个工作区的 npm 包中的 angular lib。

我已经成功通过了打包、发布、使用 npm 包的步骤。但是后来我遇到了调试我的角度库的问题。我不喜欢我现在的流程 - 为了测试对我的库的任何微小更改,我需要构建和发布它,然后安装到我的应用程序,然后重建它,然后才能获得对库所做更改的影响。所以我应该用(我称之为)来解决这个问题hot binding

我尝试了不同的方法来为我的角度应用程序设置某种hot binding角度库。我尝试在 tsconfig.json 中将“路径”设置为应用程序,其中包含我的 lib 名称和 lib 根路径,然后我尝试npm link在我的应用程序的 angular.json 中使用“preserveSymlinks”:true,但对我没有任何作用。我注意到与此问题相关的所有文章和教程都希望 ANGULAR LIB 应该与 ANGULAR APP 位于同一工作区。这是否需要将所有内容都放在一个工作区中,或者可以hot bingind通过不同的工作区将库设置到应用程序,如果是这样 - 那么如何?

标签: angulardebuggingnpmangular-library

解决方案


推荐阅读