使用 ngx-translate 為每種語言使用多個 JSON 進行翻譯

Question

我正在 Angular 進行一個項目，需要翻譯成兩種語言：pt-br（我的主要語言）和英語。 我設法用 ngx-translate 翻譯了它，但是 ngx 對每種語言使用一個文件，而在與這個項目相關的其他應用程序中，我們使用 JHipster 模式（每種語言一個目錄，每個組件有不同的 JSON）。

我想做的是在這個特定項目中使用相同的模式來翻譯文件，但到目前為止我遇到的運氣有限。 我嘗試了Boris 解決方案和ngx-translate-multi-http-loader ，但它們對我不起作用。

基本上，雖然 multi-loader 允許我這樣做：

資產/國際化/核心/en.json

我想做的是這樣的：

資產/i18n/en/core.json

誰能幫助我實現這一目標？

Answer 1

試試這個，只是一個猜測return new TranslateHttpLoader(http, "assets/i18n/", "/core.json");

Answer 2

我認為另一種有趣的方法是使用 webpack 插件，它將所有 json 文件合並到一個 json 文件中，以便插件正確讀取一個示例（基於 Jhipster 方法）：

plugins: [
    //...other plugins
    new MergeJsonWebpackPlugin({
        output: {
            groupBy: [
                { pattern: "./src/main/webapp/i18n/es/*.json", fileName: "./i18n/es.json" },
                { pattern: "./src/main/webapp/i18n/en/*.json", fileName: "./i18n/en.json" }
                // jhipster-needle-i18n-language-webpack - JHipster will add/remove languages in this array
            ]
        }
    })
]