Rewrite original embed localization into your bundle with support webpack 5
npm install @zainulbr/i18n-webpack-plugin[![npm][npm]][npm-url]
[![deps][deps]][deps-url]
[![test][test]][test-url]
[![coverage][cover]][cover-url]
[![chat][chat]][chat-url]
i18n (localization) plugin for Webpack.
npm
``bash`
npm i -D @zainulbr/i18n-webpack-plugin`
yarnbash`
yarn add -D @zainulbr/i18n-webpack-plugin
This plugin creates bundles with translations baked in. So you can serve the translated bundle to your clients.
Example:
``
console.log(__("Hello World"));
console.log(__("Missing Text"));``
var path = require("path");
var I18nPlugin = require("@zainulbr/i18n-webpack-plugin");
var languages = {
"en": null,
"de": require("./de.json")
};
module.exports = Object.keys(languages).map(function(language) {
return {
name: language,
// mode: "development || "production",
entry: "./example",
output: {
path: path.join(__dirname, "dist"),
filename: language + ".output.js"
},
plugins: [
new I18nPlugin(
languages[language]
)
]
};
});
``
{
"Hello World": "Hallo Welt"
}
current example.
original example from un maintenance repo Options
``
plugins: [
...
new I18nPlugin(languageConfig, optionsObj)
],optionsObj.functionName
- : the default value is __, you can change it to other function name.optionsObj.failOnMissing
- : the default value is false, which will show a warning message, if the mapping text cannot be found. If set to true, the message will be an error message.optionsObj.hideMessage
- : the default value is false, which will show the warning/error message. If set to true, the message will be hidden.optionsObj.nested
- : the default value is false. If set to true, the keys in languageConfig can be nested. This option is interpreted only if languageConfig` isn't a function.
Juho Vepsäläinen | Joshua Wiens | Kees Kluskens | Sean Larkin |
[npm]: https://img.shields.io/npm/v/@zainulbr/i18n-webpack-plugin.svg
[npm-url]: https://www.npmjs.com/package/@zainulbr/i18n-webpack-plugin
[deps]: https://david-dm.org/zainulbr/i18n-webpack-plugin.svg
[deps-url]: https://david-dm.org/zainulbr/i18n-webpack-plugin
[chat]: https://img.shields.io/badge/gitter-webpack%2Fwebpack-brightgreen.svg
[chat-url]: https://gitter.im/webpack/webpack
[test]: http://img.shields.io/travis/zainulbr/i18n-webpack-plugin.svg
[test-url]: https://travis-ci.org/github/zainulbr/i18n-webpack-plugin
[cover]: https://codecov.io/gh/zainulbr/i18n-webpack-plugin/branch/master/graph/badge.svg
[cover-url]: https://codecov.io/gh/zainulbr/i18n-webpack-plugin