internationalization - webpack2 i18n-plugin 如何决定要加载的包

Question

我有一个可以生成 i18n 包的工作 webpack 配置。我正在使用 i18n-webpack-plugin。我的网站是一个静态网站。我可以看到生成为 [language].[name].bundle.js 的包。例如：“de.login.bundle.js”、“en.login.bundle.js”。

现在在我的登录 html 页面中，我如何决定要加载哪些捆绑包？我将为我的用户提供语言选择选项，例如在顶部导航栏中。一旦用户选择了它，我如何加载适当的语言包？

Answer 1

我找到了使用 HtmlWebpackPlugin 实现此目的的解决方案：

new HtmlWebpackPlugin({
                filename: language + '/login.html',
                template: 'html/login.html',
                chunks: ['login']
            })

这会在每个语言目录下生成单独的 Html 文件，例如：en/login.html、de/login.html。现在，根据用户的语言选择，他可以被重定向到适当的 URL。

我仍然很想知道是否有任何替代方法可以实现这一目标。