Шаг 3. Добавление динамичности во входную точку webpack-a

Сначала создадим переменную — будем в ней хранить имена файлов, необходимых для подключения.

Это удобнее сделать с помощью массива строк:

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

Так как имена файлов нам известны заранее, можно их вписать.

Далее проведём несложную операцию над получившейся переменной. Для этого в файле webpack.config.js в поле entry пишем:

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

Теперь об этом поле можно временно забыть. К нему стоит вернуться лишь в том случае, если вы решите использовать TypeScript, от чего расширение входной точки поменяется на .ts.