i18next backend which loads resources via promises. Useful when loading resources via dynamic imports.
npm install i18next-async-backendyarn add i18next-async-backend
import i18next from 'i18next'
import AsyncBackend from 'i18next-async-backend'
const resources = {
es: () => import('./locales/es/translation.json'),
}
i18next.use(AsyncBackend).init({
backend: { resources },
})const resources = {
en: () => import('./locales/en/translation.json'),
es: () => import('./locales/es/translation.json'),
}const resources = {
en: {
common: () => import('./locales/en/common.json'),
glossary: () => import('./locales/en/glossary.json'),
},
es: {
common: () => import('./locales/es/common.json'),
glossary: () => import('./locales/es/glossary.json'),
},
}