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
---
Более подробно с данным инструментом можно ознакомиться в документации.