Question

当我们使用延迟加载来下载特定的Web模块时，例如：

import('./polyfills').then(render);

浏览器是否会缓存这些动态加载的文件，并且webpack是否在后续请求中使用缓存的版本？

通过包拆分，我知道浏览器将缓存加载的文件；我认为代码分割应该相同，但是我不确定。

Answer 1

Cache-Control响应标头指定是否可以缓存资源以及将其缓存多长时间。您的服务器负责设置它。

当webpack生成的代码遇到动态导入时，它将获取并执行它。只要该页面未关闭/重新加载，该模块公开的内容均可用，并且再次遇到相同的导入时，将使用那些内存中的绑定（该模块不会被重新提取或再次执行）。