PUG технология работает как посредник. Браузер читает HTML и CSS, а затем отображает отформатированные изображения и текст клиенту на основе того, что ему говорит HTML и CSS.
По сути, PUG – это процессор шаблонов, который позволяет вводить данные, а затем создавать HTML, то есть помогает при верстке сайтов web-разработчику.
Множество приложений требуют создания HTML-кода на сервере или в браузере, а PUG идеально подходит для таких площадок. Его можно запустить внутри браузера или на Node.js.
Класс продукта
Процессор шаблонов, препроцессор HTML.
PUG заменяет переменные в файле сайта фактическими значениями, а затем отправляет полученную строку HTML клиенту. То есть чистит первичный код от лишних значений, как редактор. Преимущества PUG технологии:
уменьшение кода HTML почти вдвое за счет форматирования;
отображение кодов в виде абзацев, что улучшает читаемость кода и упрощает проекты с несколькими разработчиками;
отсутствие закрывающих тегов;
использование отступов для определения вложенных тегов;
наличие сокращений для классов и идентификаторов;
С помощью PUG нельзя скопировать HTML из любого места. Сначала нужно преобразовать все в PUG, а потом уже использовать. PUG предоставляет два пакета:
для общего назначения;
для компиляции кода паролей в HTML-код из командной строки без написания кода JavaScript.
Следует помнить: малейшая ошибка в форматировании, отступах, интервалах создает большие проблемы для кода.