Работа с HTML макетами в Webpack

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(),
  ],
};