延迟加载 - 何时下载块文件?



我正在使用vue.js .例如,我想对路由使用延迟加载。

假设我通过发射 (npm run build( 使用 webpack 构建了项目。

然后,当webpack开始构建时,它将分别生成所有chunks

:据说当使用延迟路由时,只有那个js文件被加载到我们将在哪个路由上。右?如果是这样,当移动到另一个路由时,应该加载另一个块 js 文件。这块从哪里来?

  1. 如果是这样,我们完全失去了SPA的意义,因为 对于每个路由更改,我们转到服务器并询问必要的 JS 文件。
  2. 如果不是从服务器下载的,那么当我们第一次下载时它已经下载了 加载了页面。如果是这样,为什么拆分它是一个好主意 如果第一页加载仍然需要下载所有 块?

它将从服务器下载,但是您不会失去所有SPA的优势,因为其他块可以在保留在初始页面上时预加载。这是从初始块呈现的。 如果你想快速,你不能一次从服务器加载所有内容。您仍然需要与服务器通信。SPA的重点更多的是摆脱重新下载html/css/js样板,并专注于为应用程序提供新数据(以及视图,在您的情况下是逻辑(。

最新更新