node_modules 代码更改中的包的角度自动重新加载

Question

Angular 13。我正在使用一个具有许多依赖项的库，因此我无法将其设为本地库。我想更改 node_modules 中包内的源代码并查看其效果 - 调试它。为此，每次我进行任何更改时，都必须停止并重新构建。它有点复杂，所以我需要多次运行和检查。是否有任何原因 Angular 会在节点包内的文件更改时重新加载。

Answer 1

我的 Angular 应用程序也面临同样的问题。我通过将其添加到 cli angular.json 文件部分解决了我的问题： “缓存”： { “启用”：假， “环境”：“全部” }

但是仍然需要调用 ng-service 来让浏览器通知更改。我尝试了 npm 链接（https://docs.npmjs.com/cli/v8/commands/npm-link，https://medium.com/@joosep.parts/create-an-angular-14-library -use-it-locally-when-development-and-publish-the-package-to-npm-689ca2efdea8）解决方案，但似乎没有一个适用于实时重新加载。

Answer 2

确保更新node_modules/my-dep/package.json中的版本。

这将告诉 webpack 您的模块已更新，并且会使缓存失效。通过这种方法，您仍然可以使用内存缓存。

这适用于使用“npm link my-dep”符号链接的库。

要使其自动化，您可以设置一个观察程序来监视您的库的更改并自动升级版本。例如，您可以使用 1.0.0.develop.1、1.0.0.develop.2，当需要发布库时，您可以恢复到正确的版本号。