У меня очень большое приложение, которое поддерживает 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 поддерживаемых языков).
На вкладке источников в инструментах разработчика я вижу только нужные файлы, но меня беспокоит то, что эти другие сетевые запросы происходят, казалось бы, излишне - кто-нибудь может объяснить это поведение?