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

时间:2017-06-26 07:07:25

标签: internationalization webpack-2 webpack-plugin

我有一个有效的webpack配置,可以生成i18n捆绑包。我正在使用i18n-webpack-plugin。我的网站是一个静态网站。我可以看到生成的语言为[语言]。[name] .bundle.js。例如:" de.login.bundle.js"," en.login.bundle.js"。

现在在我的登录html页面中,如何确定要加载哪些捆绑包?我将为我的用户提供语言选择选项,比如在顶部导航栏中。用户选择后,如何加载相应的语言包?

1 个答案:

答案 0 :(得分:0)

我找到了一个使用HtmlWebpackPlugin来实现这个目标的解决方案:

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

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

我仍然有兴趣知道是否有其他方法可以实现这一目标。