Lavorare con i layout HTML in Webpack

Webpack sa come lavorare con i layout HTML. Permette di collegare automaticamente i bundle generati al file del layout. Questo è particolarmente comodo quando il nome del bundle contiene un hash.

Per lavorare con i layout HTML si utilizza html-webpack-plugin. Installiamolo:

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

Importiamolo:

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

Attiviamolo:

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