Browsersync⁠⁠

Есть у меня одно хобби: люблю делать простые frontend-приложения безо всяких сборщиков, типа Gulp или Webpack. Только HTML&CSS&JS.

Во время разработки я просто открывал index.html в браузере и ни о чем не думал.

Недавно наткнулся на восьмой выпуск Вадима Макеева, где он использует для этих целей browsersync. Я и до этого знал об этом инструменте, но тот факт, что его используют вот так просто в консоли, как-то прошел мимо меня.

Исправляюсь.

---

Установим browsersync глобально:

npm install -g browser-sync

Переходим в папку с проектом:

cd ~/path_to_project

Запускаем:

browser-sync start --server --no-notify --no-ui --files *

Используемые параметры:

--server — запустить локальный сервер;

--no-notify — отключить уведомления;

--no-ui — не запускать «админку»;

--files * — следить за изменениями всех файлов в директории.

---

Команда длинная, писать долго, а запомнить все параметры тяжело, да и не нужно.

Создадим алиас. В файле .bashrc или .zshrc (зависит от того, чем пользуетесь):

alias bs="browser-sync start --server --no-notify --no-ui --files *"

Обновляем окружение:

source ~/.bashrc
// or
source ~/.zshrc

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

bs

---

Более подробно с данным инструментом можно ознакомиться в документации.