Основное отличие webpack и webpack-dev-server заключается в их функциях и задачах.

Webpack — сборщик модулей, который анализирует все модули в приложении, создаёт граф зависимостей и объединяет их в один или несколько пакетов. 15 Webpack позволяет структурировать код, разделять его на модули и импортировать их при необходимости. 2

webpack-dev-server — это сервер разработки для webpack. 1 Он предназначен для использования во время разработки, когда нужно видеть, как изменения в коде немедленно отражаются в браузере без необходимости каждый раз вручную пересобирать проект. 3

Некоторые другие особенности webpack-dev-server:

• Поддержка горячей перезагрузки. 2 При изменении файлов в проекте сервер автоматически пересоберёт сборку и обновит страницу в браузере. 2
• Обслуживание ресурсов в памяти. 13 Сервер обслуживает скомпилированные ресурсы в памяти, не записывая их на диск. 3