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(),
  ],
};
Задание 1

Тавсирланган плагинни ўрнатинг ва импорт қилинг.