i18n不在React组件外翻译

在 React 组件外部手动初始化 i18n，然后使用 i18next-literal-loader 将翻译文件加载到代码中。

示例代码：

1. 在项目的根目录下创建一个 i18n.js 文件，手动初始化 i18n。

import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';

i18n.use(initReactI18next).init({
  resources: {},
  lng: 'en',
  fallbackLng: 'en',
});

export default i18n;

2. 在 Webpack 配置中添加 i18next-literal-loader。

module: {
  rules: [
    {
      test: /\.js$/,
      loader: 'i18next-literal-loader',
    },
  ],
},

3. 在代码中使用 i18next-literal-loader 加载翻译文件。

import i18n from '../i18n';

i18n.addResourceBundle('en', 'translation', {
  hello: 'Hello World!',
});

export function sayHello() {
  return 'i18n:hello'; // 自动翻译为 Hello World!
}