Skip to content

kamilglod/i18next-loader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

npm Build Status Coverage Status

NPM

i18next loader for webpack

this is a webpack loader that can translate your code and generate bundle per each language

installation:

npm install --save-dev i18next-loader

usage:

  1. install i18next1: npm install --save-dev i18next
  2. call i18next.init({}) in the begining of your webpack.config.js:
var i18next = require('i18next');

i18next.init({
  lng: 'pl',
  fallbackLng: false,
  keySeparator: false,
  nsSeparator: false,
  saveMissing: true,
  resources: {
    'Hello World!': 'Siema Świecie!',
    'Translate me!': 'Przetłumacz mnie',
    'One plus one equals ${ 1 + 1 }': 'Jeden plus jeden jest równe ${ 1 + 1 }',
    'key_0': 'elementów',
    'key_1': 'element',
    'key_2': 'elementy',
    'key_5': 'elementów',
    'key_21': 'elementy'
  }
});
  1. Use loader in your application:
  • using require:
var exportsOfFile = require("i18next!./file.js");
  • using webpack config:
{
    test: /\.(js|jsx)$/,
    loader: 'i18next-loader!react-hot!babel-loader'
}
  1. Then you can use translate function, e.g:
__('Translate me!')   // 'Przetłumacz mnie'
__(`One plus one equals ${ 1 + 1 }`)  // 'Jeden plus jest jest równe ${ 1 + 1 }'
__('item', {count: 0})  // 'elementów'
__('item', {count: 1})  // 'element'
__('item', {count: 99})  // 'elementów'

query params:

  • funcName: change default function name (default is __())
  • quotes: choose how to generates translated strings in code (default is '')
  • lng: set i18next language (useful when having webpack config per language)

problems:

  • it will not translate keys depending of variables values: it is a loader so the value of the variable is unknown in the process of loading file. (to handle it we need to use i18next directly)

About

webpack loader that can translate your code and generate bundle per each language

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published