Werken met HTML-lay-outs in Webpack

Webpack kan werken met HTML-lay-outs. Het maakt het mogelijk om automatisch gegenereerde bundels aan het lay-outbestand toe te voegen. Dit is vooral handig wanneer de bundelnaam een hash bevat.

Voor het werken met HTML-lay-outs wordt de html-webpack-plugin gebruikt. Laten we deze installeren:

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

Importeren we deze:

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

Schakelen we deze in:

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