Шаг 6. Создание динамики для входной точки файлов формата.js (.ts)

У файла с конфигом (webpack.config.js) есть поле entry — это отправная точка всего приложения. Добавим ему динамичности, используя имеющиеся у нас знания.

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

 entry: './index.js'

Необязательно указывать путь от директории src с лежащим в ней исходным кодом — помним, что ранее мы прописали поле context, которое упрощает работу с путями.

Теперь вновь нужно обратиться к нашей переменной с находящимися в ней именами. Получаем такой код:

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

В поле entry мы обращаемся к переменной, вызывая у неё встроенный метод массивов reduce и передавая в него несколько аргументов: conf и idx (сокращённо от конфиг и индекс). После чего указываем на conf[inx] = `./${idx}.js` .

Как это читать: конфигу[от индекса (то есть от самого имени файла)] = присваивается путь (с использованием шаблонных строк — обратных кавычек) без указания директории src и с указанием расширения подключаемого файла:

• js — стандартное;
• ts — TypeScript;
• jsx — библиотека React и так далее.