为什么每次按下 Ctrl + F5 时 Angular 都会调用 SCSS 文件？

Question

我在使用 Angular 时遇到问题，当我按 Ctrl + F5 时，CSS 文件会重新加载，这会破坏我的布局，直到 CSS 文件加载完成。 F5没有问题，因为CSS文件被缓存了。

我希望 Angular 在按 Ctrl + F5 时不会重新加载 CSS 文件

Answer 1

我会将其作为答案，而不是另一条评论，说几乎相同的事情，但没有解释任何内容......

• F5

  是基本刷新；请重新加载/重新渲染页面。

• CTRL+F5

  是硬刷新；清除当前缓存的文件并从服务器获取新鲜信息 - 就像您第一次访问该页面一样。

有了这个区别，就很清楚为什么

CTRL+F5

会导致文件被重新下载。

不过，这是一件好事，因为现在您知道第一次访问您的网站的人会是什么样子。

也就是说，评论者是正确的：您应该内联您想要/需要的任何关键/基本样式，以使网站看起来[正常/如预期/足够好]，直到 CSS 完成下载。

注意：IIRC Mac 用户可以点击

CMD+Shift+R

作为他们的

CTRL+F5

版本进行硬刷新。