2016-12-12 12 views
0

HTMLのタイトルとバージョン番号を置き換えようとしています。私は置き換えられる変数を得ることができません。最終出力にはまだ変数名が含まれています。変数をHtmlWebpackPluginとWebpackに置き換えるにはどうすればよいですか?

私のWebPACKの設定が含まれています(反応する要素が満たされたと

<!DOCTYPE html> 
<html> 
    <head> 
    <title>{%= htmlWebpackPlugin.options.title %}</title> 
    <meta charset="UTF-8"/> 
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 
    <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"> 
    <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"> 
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> 
    <link rel="manifest" href="/manifest.json"> 
    <meta name="version" content="{%= htmlWebpackPlugin.options.commitHash %}"> 

    </head> 
    <body> 
    <div id="react-view" ></div> 
    </body> 
</html> 

最終的な出力はかなりindex.htmlファイルと同じです:

const HtmlWebpackPluginConfig = { 
    template: path.join(__dirname, '/client/index.html'), 
    inject: 'body', 
    commitHash: 'hello', 
    filename: '/index.html', 
    title: 'My App' 
}; 

を、私のindex.htmlがありますに)。

私は間違っていますか?どのように変数を置き換えるのですか?

答えて

0

問題は、角かっこの代わりに中括弧を使用していたことでした。

私は

<title><%= htmlWebpackPlugin.options.title %></title> 
を書かれている必要があります
関連する問題