Работа с HTML шаблони в Webpack

Webpack може да работи с HTML шаблони. Той позволява автоматично да се извършва свързване на сглобените bundle-и към файла на шаблона. Това е особено удобно, когато името на bundle-а съдържа хеш.

За работа с 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(),
  ],
};