Extract Text Pluginの後にcss filenameとhashをindex.htmlにリンクしてください

Question

生産のためにnpmを実行した後、生成されたCSSファイルをハッシュ名でindex.htmlにリンクするにはどうすればいいですか：

"build-production": "webpack -p --progress --colors --config webpack.config.production.js" 

これはwebpack configのプラグインで、プロダクション用にビルドするたびに新しいハッシュファイル名が生成されるため、ハッシュでファイル名を生成します。手動でindex.htmlを編集することなく、自動的に実行できる方法はありますか？

plugins: [ 
    new ExtractTextPlugin("css/[name][contenthash].css") 
] 

Answer 1

html-webpack-pluginです。

生成されたcssおよびjsファイルの場合は、linkとscriptのタグをindex.htmlに自動的に追加できます。