Praca z szablonami HTML w Webpack

Webpack umie pracować z szablonami HTML. Pozwala on automatycznie wykonywać podłączanie zebranych bundli do pliku szablonu. Jest to szczególnie wygodne, gdy nazwa bundla zawiera hash.

Do pracy z szablonami HTML używany jest html-webpack-plugin. Zainstalujmy go:

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

Zaimportujmy go:

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

Włączmy go:

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