Основные команды

Полный список команд можно найти в документации Baumeister. Нам понадобится лишь несколько из них:

Запуск рабочего процесса

npm start

Запускает работу в режиме Live Reload: страница отображается в браузере сразу же после сохранения, обновлять ее вручную не нужно. Это очень удобно, ведь теперь нам не нужно обновлять страницу вручную.

На слабых компьютерах Live Reload может обновлять страницу достаточно долго. Это связано с тем, что каждый раз требуется проверить и пересобрать Bootstrap целиком. Вы можете наблюдать за процессом сборки в терминале.

Иногда при сохранении файла страница не обновляется, а в терминал выводятся ошибки. Как правило это ошибки, выдаваемые линтером. После их исправления и сохранения изменений, страница обновится, и все будет работать как надо.

После запуска этой команды откроется браузер.

Конечная сборка

npm run build

При живой перезагрузке обработке подвергаются лишь те файлы, в которые были внесены изменения. Для того, чтобы собрать сайт целиком, нужно выполнить конечную сборку. В процессе конечной сборки оптимизируются все изображения, все ресурсы из папки src попадают в dist, код минифицируется и оптимизируется.

После выполнения команды, полностью готовый собранный сайт окажется в папке dist.

Эта команда так же может выдать ошибку линтера.