Шаг 2. Добавление массива имён, их обработка в поле entry

Как вы уже помните из предыдущих демонстраций, у нас есть переменная fileName — она как раз является массивом имён существующих файлов. Чтобы обработать остальные файлы, нам нужно начать именно с этого массива.

Сейчас массив выглядит так:

const fileName = ['index', 'main', 'sup'];

Теперь во входной точке приложения, чтобы разделить логику кода для каждого HTML-файла, выполним одно действие:

entry: fileName.reduce((config = {}, file) => {
  config[file] = `./pages/${file}/${file}.js`;
  return config;
}, {}),

Обратите внимание на переданные параметры: config[file]=./pages/${file}/${file}.js.

Данная запись означает: в обязательном порядке, помимо одинаковых названий для HTML- и JS-файлов, директории с этими файлами должны именоваться так же.