html-webpack-pluginを使用してejsローダーにオブジェクトを渡す

Question

私はどこにでも見えたと信じていますが、私は空の手を出してきました。 私はhtml-webpack-pluginを使用して、index.htmlファイルをソースからロードしましたが、私のクライアントにはローカリゼーションがいくつかあります。それらを動的に追加できれば素晴らしいと思いました。

html-webpack-pluginのテンプレートエンジンを使用するように切り替えようとしています。つまり、ejsですが、大きな問題があります。

私はhtml-webpack-pluginをレンダリングし、.ejsファイルを作成したいと、私は上記の.ejsファイルにローカライゼーションの巨大なオブジェクトを与える必要があります。

私はこのような何かしたい：私は2つの異なるEJSのWebPACKのローダーを使用して試してみた、と私は単に「でき

{ 
    "header": { 
    "title": "My Clients Super Awesome Website" 
    } 
} 

：このようなローカライズ.json -fileから来る

<h1><%= header.title %></h1> 

を簡単なオブジェクトをejsローダーに渡す方法を理解しています。これは私のejsファイルで使用できます。

あなたにはいくつかの回答がありますようお願い致します：Dありがとうございます。

Answer 1

私は同じことを探していました。テンプレートがhtmlWebpackPlugin.optionsオブジェクトとしてhtml-webpack-pluginに渡されるオプションオブジェクトにアクセスできるようです。

たとえば、タイトルは、htmlWebpackPlugin.options.titleというテンプレートから参照する必要があります。より多くのプラグインに依存しない方法で値を渡す方法があるかどうかわからないので、titleをテンプレートファイルのtitleと参照するだけで済みます。