Webpack-da HTML maketlar bilan ishlash

Webpack HTML maketlar bilan ishlay oladi. U yig'ilgan bandllarni maket fayliga avtomatik ulash imkonini beradi. Bu, ayniqsa, bandl nomi hashni o'z ichiga olganda qulay.

HTML maketlar bilan ishlash uchun html-webpack-plugin ishlatiladi. Keling, uni o'rnatamiz:

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

Uni import qilamiz:

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

Uni yoqamiz:

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