我知道对于像图像这样的资产，有一个 src 与之关联，这意味着浏览器将检查该资产的到期日期，然后再通过 src 对该资产发出新请求以下载该资产再次，然后将其渲染到页面上。这如何与 React 之类的脚本或模块一起工作？如果是 CDN，浏览器是否会先下载脚本，然后在第一次遇到脚本时运行它？然后每次它再次需要这个脚本时，它是否只是从它的缓存中加载它（而不是从源代码再次下载它）并运行它？如果您将 React 作为节点模块，会发生同样的事情吗？
【问题讨论】：
标签： performance caching browser assets browser-cache
这是一个非常大的话题，基本的答案是浏览器也会缓存你告诉他们的资产。您提到图像具有到期日期，这些日期是在服务器发送的 HTTP 标头中设置的。您可以为 javascript 和您从服务器请求的任何其他文件设置相同的标头，浏览器将以相同的方式缓存它们。
在（从服务器或缓存）获取 javascript 资产后，浏览器会解析并运行您的 javascript。
节点模块位于节点区域。通常，在您可以在浏览器中使用 node_modules 中的代码之前，您可以通过 webpack 或 browersify 等工具运行它。这些工具将所有代码（您的应用程序 + 反应 + 其他任何东西）捆绑到一个文件中（通常），然后提供给浏览器。浏览器对 node_modules 一无所知。它只是解析并运行您提供的 javascript。
一个捆绑的文件是根据发送时所用的标头缓存的。 CDN（基本上）只是一种在快速提供资产方面进行了优化的特殊服务器。
【讨论】：