Pug, ранее известный как Jade, является одним из самых популярных шаблонизаторов для создания HTML-разметки. Компиляция Pug файла означает преобразование его вобычный HTML-код, который может быть понятен браузеру.
Есть несколько способов компилировать Pug файлы, но в данном случае вы заинтересованы только в компиляции страниц Pug файлов, а не модулей. В этом ответе я расскажу о двух наиболее распространенных способах компиляции Pug-страниц.
- Использование командной строки:
- Установите Pug глобально, выполнив в терминале команду
npm install -g pug-cli
. - Перейдите в папку, содержащую ваш Pug файл страницы.
- Выполните команду
pug <имя_файла.pug>
, заменив<имя_файла.pug>
на имя вашего Pug файла страницы. - В результате будет создан HTML файл с тем же именем, что и ваш Pug файл, но с расширением
.html
. Этот HTML файл будет содержать скомпилированный код вашей Pug страницы.
- Использование сборщика модулей:
- Установите Pug в свой проект, выполнив команду
npm install pug
. - Создайте Gulp или Webpack сборщик, если у вас его еще нет.
- Настройте сборщик модулей для компиляции Pug файлов. Например, для Gulp вы можете использовать плагин
gulp-pug
, в то время как для Webpack вы можете использоватьpug-loader
. - В конфигурации сборщика определите, какие Pug файлы страниц должны быть скомпилированы. Вы можете указать путь к файлам или директории.
- Запустите сборщик модулей, и он автоматически скомпилирует ваши Pug страницы в HTML.
Оба этих подхода позволяют компилировать Pug файлы страницы в HTML. Выбор подходящего метода зависит от ваших потребностей и настроек проекта.