2017-06-26 10 views
0

i18nバンドルを生成できるwebpackの設定があります。私はi18n-webpack-pluginを使用しています。私のウェブサイトは静的なウェブサイトです。私は[言語]。[名前] .bundle.jsとして生成されたバンドルを見ることができます。例: "de.login.bundle.js"、 "en.login.bundle.js"。webpack2 i18n-pluginロードするバンドルを決定する方法

ログインhtmlページで、どのバンドルをロードするかを決めるにはどうすればよいですか?トップナビゲーションバーのように、ユーザーに言語選択のオプションを提供します。ユーザーがそれを選択すると、適切な言語バンドルをロードするにはどうすればよいですか?

答えて

0

私はこの使用してHtmlWebpackPluginを達成するための解決策を見つけた:

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

これは、例えば、各言語ディレクトリの下に別のHTMLファイルを生成します:EN/login.htmlと、デ/ login.htmlと。これで、ユーザーの言語選択に基づいて、適切なURLにリダイレクトできます。

これを達成する別の方法があるかどうかは、私はまだ知りたいと思います。

関連する問題