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



如本答案所述,我可以通过提供两个应用程序来关闭窗口的自动重新加载 - 一个具有自动重新加载功能,另一个具有手动重新加载功能。

ng serve --port=

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

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

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

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

由于我们从版本 6 左右开始就基于内存中的交换,我担心我所需要的是无法实现的。反正问也无妨,万一是这样。

在IDE 中关闭自动保存将阻止刷新/重新加载,除非明确保存更改。

要在Visual Studio Code中执行此操作:

菜单:"文件>首选项">"设置"。在搜索设置文本框中搜索术语"保存"。在结果中找到条目">文件:自动保存">,然后将选项设置为off

如果您希望延迟自动保存功能,请将该选项设置为afterDelay,并将"文件: 自动保存延迟"选项设置为您想要的延迟(以毫秒为单位(;我的安装默认值为 1000(1 秒(。延迟的足够秒数是个人喜好的问题,但在需要在 GUI 中进行视觉检查之前,应该只是平均编辑时间跨度的一点点。

相关内容

  • 没有找到相关文章

最新更新