Webpack-те HTML үлгілерімен жұмыс

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