Шаг 4. Добавление динамичности во входную точку для HTML-файлов

Находим в файле webpack.config.js поле plugins — мы будем здесь использовать уже созданную переменную с именами файлов.

Поле plugins принимает на вход пустой массив. А на пустом массиве мы вызываем встроенный метод объединения массивов — concat.

Должна получиться следующая запись:

  plugins: [].concat(
  fileName.map(
    (file) =>
      new HtmlWebpackPlugin({
        inject: 'head',
        template: `./${file}.html`,
        filename: `./${file}.html`,
        chunks: [file],
      }),
  ),
),

Также нужно обратить внимание на поле chunks — именно чанки позволяют нам разделять код приложения в зависимости от используемой страницы. Если поле не указать, вся функциональность будет повторяться от страницы к странице.