相关疑难解决方法(0)

你如何调试Angular 6库

我正在写一个Angular 6图书馆,无法弄清楚如何进入打字稿.

我用以下方法生成了应用: ng new mylibapp

然后我使用以下方法添加了库: ng g library @abc/cool-lib -p abc

当我表演时: ng build @abc/cool-lib

它会在mylibapp/dist/abc/cool-lib文件夹中生成代码

我现在如何调试此代码并在位于的ts文件中设置断点 mylibapp/projects/abc/cool-lib/src/lib

typescript angular-cli angular ng-packagr angular-cli-v6

13
推荐指数
5
解决办法
4700
查看次数

Angular CLI 6 - 使用源映射构建角度库

我有一个使用Angular CLI 6(6.08)生成的Angular 6项目.

我使用ng generate library [lib name] --prefix [lib prefix](本文中概述的方法:https://medium.com/@tomsu/how-to-build-a-library-for-angular-apps-4f9b38b0ed11)创建了单独的库.

我使用构建每个库ng build [lib name],然后使用我的应用程序ng serve.

但是,当我在Chrome开发工具中查看源代码时,我的库没有源映射.

我已经尝试使用ng build [lib name] --source-map(如此处指定的:https://github.com/angular/angular-cli/wiki/build)构建每个库,但我认为这仅用于构建该应用程序,而不是库.

有谁知道我做错了有另一种解决方案吗?

angular-cli angular6 angular-cli-v6

6
推荐指数
3
解决办法
3518
查看次数

Angular 构建多个库的监视并服务于另一个应用程序

我开发了三个由另一个主应用程序使用的辅助角度库。理想的情况是在我的主应用程序导入这些库并同时运行的同时对库进行实时重建,这样我就可以在库的开发过程中为我的主应用程序进行实时重新加载。

我发现 并在我的每个库中ng build --watch多次使用它,然后在我的主应用程序中使用构建的文件夹。run-snpm linknpm link my-libary

但问题是,当重建库时,它首先删除 dist 文件夹中的链接文件(由 npm 本地链接),并且我的主应用程序开始大喊编译器错误并停止。

期望是当我修改库并保存时,它将被重建,并且我的角度应用程序将使用新重建的库而不会出现错误。我怎样才能实现这个目标

我的脚本是:

...
"scripts": {
    "ng": "ng",
    "prestart": "run-s \"ng build Lib-1 --prod --watch\" \"ng build Lib-2 --prod --watch\" \"ng build Lib-3 --prod --watch\" "
    "start": "node --max_old_space_size=8000 ./node_modules/@angular/cli/bin/ng serve"
 ...
}
...   
Run Code Online (Sandbox Code Playgroud)

npm angular-cli angular

6
推荐指数
2
解决办法
1万
查看次数