Create Pug Project

Консольная утилита для создания проекта на основе компонентного подхода с использованием препроцессора Pug.

npx create-pug-project [название проекта]
cd [название проекта]
yarn install

Команды проекта

Создание страницы

yarn create-page [название страницы]

или сокращенная версия:

yarn cp [название страницы]

Создание компонента

yarn create-component [название компонента]

или сокращенная версия:

yarn cc [название компонента]

Обновление файлов импорта

yarn update

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

Запуск сервера разработки

yarn start

По умолчанию команда собирает и отслеживает изменения на всех страницах проекта, индексной страницей является страница с названием index. Иногда собирать и отслеживать все страницы проекта нецелесообразно с точки зрения производительности, поэтому правильным решением будет запуск отдельных страниц по которым сейчас ведется разработка, этого можно достичь с использованием специальной опции only, пример:

yarn start --only=about,catalog

В данном случае сервер разработки соберет и будет отслеживать изменения только по указанным страницам about и catalog, а индексной страницей будет страница указанная первой в списке, то есть about.

Билд проекта

yarn build

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

yarn build --nopages

Данная команда соберет все стили и скрипты в bundle.css и bundle.js, опустив при этом сборку страниц.