如何防止 Angular 在更改时重新加载我的应用程序但仍然允许它保存?

How to prevent Angular from reloading my application on changes but still allow it to on save?

所述,我可以通过提供两个应用程序来关闭 window 的自动重新加载 - 一个自动重新加载,一个手动重新加载。

ng serve --port=4200
ng serve --port=4201 --live-reload=false

我想知道是否有一种方法可以实现介于两者之间的某些东西,即自动重新加载应用程序,但只有在我实际保存我正在编辑的文件时才会自动重新加载,而不是在我仅仅更改它时就立即重新加载。

原因是我经常更改三行中的两行,检测并呈现其结果。然后,更改的第三行不会导致任何渲染,就像热模块交换器忘记它一样,因为它发生在执行重新渲染过程时。

这让我花费了好几个小时的调试和困惑,因为我看到了一件事,而我应该看到另一件事。这让我得出了完全错误的结论,直到我意识到这只是 Angular 在骗我。

由于我们从版本 6 左右开始使用基于内存的交换,我担心我需要的东西无法实现。无论如何问一下也无妨,以防万一。

关闭 IDE 中的自动保存将阻止 refreshing/reloading,除非您明确保存更改。

在Visual Studio代码中做到这一点:

菜单:文件 > 首选项 > 设置。在 搜索设置 文本框中搜索词条 "Save"。在结果中找到条目 Files: Auto Save,然后将选项设置为 off.

如果您希望延迟自动保存功能,请将选项设置为 afterDelay,并将 Files: Auto Save Delay 选项设置为您希望延迟的时间以毫秒为单位;我安装的默认值是 1000(1 秒)。适当的延迟秒数是个人喜好的问题,但在需要在 GUI 中进行目视检查之前,应该稍微超过平均编辑的时间跨度。