Trabalhando com layouts HTML no Webpack

O Webpack pode trabalhar com layouts HTML. Ele permite conectar automaticamente os bundles gerados ao arquivo do layout. Isso é especialmente conveniente quando o nome do bundle contém um hash.

Para trabalhar com layouts HTML, usamos o html-webpack-plugin. Vamos instalá-lo:

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

Vamos importá-lo:

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

Vamos habilitá-lo:

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