Шаг 1. Подготовка к настройке, добавление зависимостей

Напомним перечь необходимых зависимостей:

• html-webpack-plugin,
• mini-css-extract-plugin,
• webpack-dev-server,
• webpack-merge.

Как мы уже знаем, команды можно комбинировать. Воспользуемся этим и добавим зависимости при помощи одной команды:

npm i html-webpack-plugin mini-css-extract-plugin webpack-dev-server webpack-merge -D

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