Question

我有一个非常大的应用程序，它支持6种语言。我们将每种语言的翻译存储在JSON文件中。

为了改善我们网站的初始负载，我想将每种语言的JSON文件拆分为预先认证和授权，以便可以在我预取的同时快速加载登录屏幕的字符串。后台的其他字符串。

const promise = import(`./translations/${locale}-${bundleType}.json`)
  .then(translations => this.updateLibraries(translations.default));

import(`./translations/${locale}-${preloadBundleType}.json` /* webpackPrefetch: true */)
  .then(translations => this.updateLibraries(translations.default));

return promise;

应用程序根据用户是否登录来决定立即加载哪种捆绑软件类型，以及预先加载哪种捆绑软件。

这似乎可以正常工作，并且语言可以很好地加载，但是我可以看到浏览器实际上正在发出12个请求（2个文件* 6种支持的语言）。

在开发工具的“源”选项卡下，我仅看到所需的文件，但我担心的是这些其他网络请求似乎不必要地发生了-有人可以解释这种现象吗？

动态导入时，Webpack预取会请求所有文件

0 个答案: