带有 npm 链接的 Angular 10.x 库开发在热重载时不会在浏览器中显示 html/css 更改



我已经使用cli创建了一个Angular库(mylib),并在dist目录下使用npm link创建了一个符号链接。

我已经用cli创建了一个Angular应用,并使用npm link mylib链接了这个库。

我可以从应用中使用mylib,并在应用中使用组件、服务等。

运行"ng build -watch"在lib和"ng服务"上;在应用程序中,如果我对lib中的.ts文件进行更改并保存,lib将重新构建,然后应用程序将重新构建,这些更改将反映在应用程序中。

然而,如果我在lib中更改html或scss文件,它将构建,然后应用程序将重建,但这些更改不会反映在应用程序中。"ng服务"窗口确实显示vendor.js "chunk"改变了,但它也说"在发出的没有文件的警告。"之后。我应该补充一点,即使模板/样式是内联的(在ts组件文件中),它也不会反映这些更改。

当我使用chrome开发工具并查看源代码时,vendor.js更新为模板和组件的样式参数的最新更改。

我可以让更改显示的唯一方法是终止ng服务并重新运行它。

Windows 10,角,NPM 6.14.10,节点14.15.4

提前感谢!

如果您在tsconfig中更新了路径。Json,它将接收更改。我不知道这对发布的版本有什么影响。我还没有测试过。

我有一个名为"core"我的路径如下:

"paths": {
"core": [
"projects/core/src/core-api",
"dist/core/core",
"dist/core"
],
},

"core-api"是我导出组件、服务和模块的地方。使用angular cli时的默认名称是"public-api"

相关内容

最新更新