react-i18next-loader
Usage
// App.i18n
{
"message" : {
"text" : {
"en" : " Field" ,
"de" : " Feld"
}
}
}
// App.jsx
import React from 'react'
import { useTranslation } from './App.i18n'
export const App = ( ) => {
const { t } = useTranslation ( )
return (
< div > { t ( 'message.text' ) } < / div >
)
}
Configuration
// webpack.config.js
module . exports = {
module : {
rules : [
{
test : / \. i18n$ / ,
use : [ { loader : '@choffmeister/react-i18next-loader' } ] ,
} ,
] ,
} ,
}
// lib.d.ts
declare module '*.i18n' {
import { UseTranslationResponse } from 'react-i18next'
export const namespace : string
export const translations : any
export const useTranslation : ( ) => UseTranslationResponse
}