Javascript 已弃用网页包的替代品'；i18n插件和加载程序

我正在做一个TypeScript项目，需要从

.json

文件加载翻译，目的是每个国家都有一个单一语言文件。示例：

en.json

，

es.json

然后我应该能够将

.ts

文件中的翻译与

\uuu（“红色”）

或其他扩展提供的功能一起使用

然后，最终编译的

.js

文件应包含所有翻译，以“实时”切换语言

json文件的内容可能类似于：

es.json

目前推荐的（文档中的）i18n加载程序和Webpack插件似乎已被弃用：

• 插件：
• 加载器：

我想知道使用这个扩展是否安全，或者我的案例中是否有一些可用的选项，我试过了，但它在我当前的设置中似乎不起作用，它似乎与模块导入过程的工作方式有关。因此，也许另一种支持Webpack+TypeScipt的轻量级替代方案可以解决这个问题

这是我当前的package.json依赖项

{
  "dependencies": {
    "animate.css": "^3.7.2",
    "i18next": "^19.1.0",
    "intl-tel-input": "^16.0.8",
    "uniq": "^1.0.1"
  },
  "devDependencies": {
    "@alienfast/i18next-loader": "^1.1.4",
    "@babel/core": "^7.7.5",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-0": "^6.24.1",
    "babelify": "^10.0.0",
    "browserify": "^16.5.0",
    "copy-webpack-plugin": "^5.1.1",
    "css-loader": "^3.4.2",
    "file-loader": "^5.0.2",
    "gulp": "^4.0.2",
    "node-sass": "^4.13.0",
    "sass-loader": "^8.0.0",
    "style-loader": "^1.1.3",
    "terser-webpack-plugin": "^2.2.3",
    "ts-loader": "^6.2.1",
    "typescript": "^3.7.3",
    "webpack": "^4.41.2",
    "webpack-cli": "^3.3.10",
    "webpack-dev-server": "^3.9.0"
  }
}

这个怎么样？

这是从原来的

i18n网页包插件

派生出来的，并固定为支持

webpack5

使用方法仍然与原始未维护的存储库相同。

您尝试过吗

它支持Webpack 5，并且与不推荐使用的i18n Webpack插件相比有一些优势：

• 对多个地区的一流支持
• 能够从JSON路径读取区域设置，这样您就可以在更改时查看和重建
• 能够报告未使用的字符串键

---

很高兴知道人们可以恢复项目！

{
  "dependencies": {
    "animate.css": "^3.7.2",
    "i18next": "^19.1.0",
    "intl-tel-input": "^16.0.8",
    "uniq": "^1.0.1"
  },
  "devDependencies": {
    "@alienfast/i18next-loader": "^1.1.4",
    "@babel/core": "^7.7.5",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-0": "^6.24.1",
    "babelify": "^10.0.0",
    "browserify": "^16.5.0",
    "copy-webpack-plugin": "^5.1.1",
    "css-loader": "^3.4.2",
    "file-loader": "^5.0.2",
    "gulp": "^4.0.2",
    "node-sass": "^4.13.0",
    "sass-loader": "^8.0.0",
    "style-loader": "^1.1.3",
    "terser-webpack-plugin": "^2.2.3",
    "ts-loader": "^6.2.1",
    "typescript": "^3.7.3",
    "webpack": "^4.41.2",
    "webpack-cli": "^3.3.10",
    "webpack-dev-server": "^3.9.0"
  }
}