Что такое webpack dev server?

Question

[Rouslan943]

Никак не могу понять для чего эта штука ?

Comments

[WStanley]

https://webpack.js.org/configuration/dev-server/
https://github.com/webpack/webpack-dev-server

[WapSter]

Если знаком с Gulp то это более навороченный безбажный аналог browser-sync

[Тигран Абрамян]

Вы попробовали погуглить что это такое или сразу сюда?

[Rouslan943]

TAbrahamyan, гуглил, нихрена не понял. Вот и спросил здесь

Answer 1

[Андрей Dobrin]

С этой штукой Ты сможешь разрабатывать приложения с высокой скоростью и комфортом.
Webpack Dev Server позволяет тебе запускать локальный сервер (на твоем ПК) и следить за изменениями всех, необходимых для разработки файлов, автоматически. То есть, тебе не придется перезапускать проект, чтобы обновить изменения.

в консоль пишешь:
npm i webpack-dev-server

в package.json в поле scripts добавляешь вот такие вот команды:

"scripts": {
    "commandName": "webpack-dev-server",
  }

Где commandName название твоей команды.

Простой конфиг:

devServer: {
        port: 8888, // определяет порт 
        overlay: { // показывает ошибки или предупреждения при разработке
            warnings: boolean,
            errors: boolean
        },
        open: true, // открывает окно браузера
    }

и еще куча многих опций, типа http/https/https2/hot/host/filename и т.д.

Answer 2

[Robur]

А что именно в официальном описании в документации вам непонятно? Или вы его пока не читали, сначала спросить решили?