WebpackでのHTMLレイアウトの扱い

WebpackはHTMLレイアウトを扱うことができます。ビルドされたバンドルをレイアウトファイルに自動的に接続することを可能にします。これは特にバンドル名にハッシュが含まれている場合に便利です。

HTMLレイアウトを扱うためには、 html-webpack-plugin が使用されます。それではインストールしましょう：

npm install html-webpack-plugin --save-dev

インポートします：

import HtmlWebpackPlugin from 'html-webpack-plugin';

有効にします：

export default {
	entry: './src/index.js',
	plugins: [
		new HtmlWebpackPlugin(),
	],
};

上記のプラグインをインストールし、インポートしてください。