Задать вопрос
@ChrisJonson
html

Как убрать лишние отступы при компиляции Jade в миксинах?

Обычно все миксины jade подключаются отдельным файлом и в нем все миксины начинаются без отступов, но если миксин нужно вписать внутри основной иерархии документа, то компилируются лишние отступы
<!DOCTYPE html>
html
head
  title Document
body
  h1 Main title
  .content
    .inner-content
    
      mixin rand
        p Лишние отступы

      .text
        +rand

На выходе появляются лишние отступы:
<!DOCTYPE html>
<html></html>
<head>
  <title>Document</title>
</head>
<body>
  <h1>Main title</h1>
  <div class="content">
    <div class="inner-content">
      <div class="text">
              <p>Лишние отступы</p>
      </div>
    </div>
  </div>
</body>

Миксин должен быть именно в иерархии документа, чтобы было удобно его редактировать. Как сделать, чтобы лишние отступы исчезли?
  • Вопрос задан
  • 252 просмотра
2 комментария
Подписаться 1 Оценить 2 комментария
Решения вопроса 1
Zoxon
@Zoxon
Веб-разработчик
Пройтись по html претифаером использую для этого gulp-prettify с такими параметрами
{
	'unformatted': ['pre', 'code'],
	'indent_with_tabs': true,
	'preserve_newlines': true,
	'brace_style': 'expand',
	'end_with_newline': true
}


Полный gulpfile можете посмотреть здесь github.com/zoxon/gulp-front
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
CRM Bitrix24 разработчик
World Vision Clinic • Москва
от 170 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Frontend-разработчик JavaScript
div. • Ставрополь
от 40 000 до 90 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Консультация по SEO
18 дек. 2024, в 11:57
500 руб./в час
ЯндексGPT API + Giga.chat - сделать генератор структуры
18 дек. 2024, в 11:56
5000 руб./за проект
Сверстать две простые страницы
18 дек. 2024, в 11:54
2000 руб./за проект
Ещё заказы