Задать вопрос
KRASHMATE
@KRASHMATE
jade

Как в pug передавать значения при include?

Для html я использую плагин gulp-file-include

Один тот же блок для всех страниц, но меняется только некоторые значения
В моем примере это title в head меняется
<!DOCTYPE html>
<html lang="ru">
@@include('./blocks/main/_head.html', {
"title": "Проект-3",
})


а это кусок кода который повторяется
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>@@title</title>

  <!-- Styles -->
  <link rel="stylesheet" href="./css/style-min.css">
</head>


Вопрос: Как такое реализовать в pug?
  • Вопрос задан
  • 404 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
@tihomirovPro
Frontend developer
в файле который подключаешь добавляешь переменные
например:
переменные title, description, keywords
meta(charset="UTF-8")
meta(name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, maximum-scale=1.0")
meta(http-equiv="X-UA-Compatible" content="IE=edge")
title=title
meta(name="description" content=description)
meta(name="keywords" content=keywords)


А в файле в который делаешь инклюд присваиваешь этим переменным значения перед инклюдом таким образом:
-
    const title = 'title страницы'
    const description = 'Описание'
    const keywords = 'ключевые слова'
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Программист SQL
САМО-Софт • Москва
До 220 000 ₽
Devops (Персона)
Сбер • Москва
от 230 000 ₽
Fullstack developer (JS, C++)
Сбер • Москва
от 300 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Менеджер по продажам в онлайн-школу
17 апр. 2024, в 00:48
35000 руб./за проект
Сделать картинки для слов
17 апр. 2024, в 00:13
800 руб./за проект
Разработка backend python+django
17 апр. 2024, в 00:06
240000 руб./за проект
Ещё заказы