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

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

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

terminalnpm install html-webpack-plugin --save-dev

インポートします：

webpack.config.jsimport HtmlWebpackPlugin from 'html-webpack-plugin';

有効にします：

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