Вопросы с меткой [jade]
Jade (ныне Pug) – препроцессор HTML и серверный шаблонизатор для Node.js, написанный на JavаScript. Авторы изменили название своего продукта на Pug после претензий со стороны одноименной компании.
98
вопросов
0
голосов
0
ответов
18
показов
tailwind не дружит с pug
Пытаюсь использовать pug в связке с tailwindcss
Но pug не хочет компилировать угловатые скобки в классах, которые в tailwind можно использовать в качестве создания произвольных значений
например:
.max-...
1
голос
2
ответа
66
показов
Как в PUG указать несколько атрибутов для тега?
Мне нужно подключить файл css через pug. Для этого для link нужно указать несколько атрибутов в файле PUG. Я не знаю как это сделать.
Как в PUG указать несколько атрибутов для тега?
Код в PUG:
block ...
0
голосов
1
ответ
554
показа
Блоки в mixin pug
Есть такой миксин для кнопки
- var blocks={};
mixin set(key)
- blocks[key] = this.block
mixin A(buttonClass, buttonText, disabled)
button.button(class= buttonClass, disabled= disabled)
span
...
0
голосов
1
ответ
37
показов
Как в Jade вставить ссылку внутрь цикла?
Есть массив и цикл:
ul.skills__list
- var labelValue = [
'БЭМ/OOCSS', ... , 'Читаю blog.csssr.ru', 'Я ленивый(-ая)', 'У меня хороший английский'];
for content, index in labelValue
li....
0
голосов
0
ответов
104
показа
Вопрос по форматированию pug (jade) в html
Имеется такая проблема при компиляции pug. Хоть она не так критична технически, но визуально довольно неприятна.
Вот такой код:
.block
a(href="#" class="link")
Конвертируется в html так:
<...
0
голосов
1
ответ
45
показов
Передача значения из javascript в form.action в jade
У меня есть тег form в jade, из NodeJs в jade я передаю строку path, мне нужно сделать, чтобы action у формы был равен соединенным "/first/second/" и этой строке (Если path==='custom', то action==='/...
0
голосов
0
ответов
101
показ
Вывод JSON данных из объекта в массиве в Pug(Jade)
Пытаюсь вывести таким образом:
h1.main-title.center Changelog
each log in changelog
.changelog-item
.second-title
span= log['ver']
span.text-hide= log['date']
...
0
голосов
1
ответ
58
показов
срабатывание hover на блоке из множества однотипных блоков vue.js
Есть 9 одинаковых блоков. Нужно чтобы при наводке на блок, подсвечивался hover этого блока. Сейчас срабатывает hover для всех сразу блоков, как исправить это?
v-flex(xs12='', sm6='' mt-3='').top-...
4
голоса
2
ответа
5k
показов
Условия if/else в pug
Есть блок с svg и нужно менять содержимое в зависимости от переменной, код:
mixin container(svg)
.logo-box
if svg == first
svg.class__first
else if svg === second
svg....
0
голосов
1
ответ
81
показ
Вставка многострочной string в txt файл
Имеется такая многострочная строка.
let text = `Мат в 3 хода
Белые: Крb8, Лe8, Сg8, e6, f6, Кg4
Черные: Крh8, e5, b4, c4, d4, e4, Сd3, Фb2, Кc2, Сc1
1.e6-e7 ! угроза:
2.Сg8-e6 +
...
0
голосов
1
ответ
458
показов
Pug создание частей html
В сборщике можно подключить множество *.pug файлов, которые будут создавать один index.html. Что нужно написать, чтобы создавались html файлы с таким же названием и содержимым, как и в файле *.pug
...
2
голоса
1
ответ
728
показов
Конкатенация классов (BEM) в Pug (ex-Jade)?
Все привет, вопрос такой. Как правильно наследовать класс от родительского класса как в Sass:
.b1_form
.b1_form-title Заголовок
Чтобы во втором классе не писать родительский, а что-то типа &...
0
голосов
1
ответ
284
показа
Include Jade/pug в webpack с vuejs
Вот пример использования препроцессора jade/pug без webpack и vuejs, который состоит из двух файлов второй "инклудится" в первый.
Вот основной main.jade:
doctype html
html(lang='en')
head
title ...
1
голос
1
ответ
69
показов
jade, импорт миксина + custom class?
Добрый день, импортирую миксин
include ../button/button
на странице пишу
+button('Custom Title').red
Тем не менее класс red не добавляется
0
голосов
0
ответов
78
показов
Как отформатировать число в JS и вывести в Pug?
Передаю в вид объект:
offers
{
"id":129,
"logourl":"129.png",
"mincreditsum":7000,
"maxcreditsum":200000"
}
Хочу mincreditsum и maxcreditsum отформатировать и привести к виду 7 000 и ...
0
голосов
1
ответ
52
показа
Как примерно реализован препроцессор типа Jade/Pug?
Если бы мне на данный момент сказали сделать препроцессор типа Jade/Pug, то я бы не придумал ничего, кроме как пропускать каждую строку через большое количество if-блоков, где в каждом условии ...
1
голос
1
ответ
240
показов
Gulp вытаскиваем файл без папки
Есть таск, который преобразует pug в html, чтобы не прописывать путь до каждого файла, хочу сделать blocks/**/*.pug, то есть во всех директориях, с любым именем и расширением pug и положить ...
2
голоса
1
ответ
71
показ
Не закрываются автоматически скобки и кавычки
Начал работать с pugв Webstorm и обнаружил, что скобки и кавычки автоматически не закрываются. Жутко неудобно. Например, когда я набираю в обычном html " или ( или {, то все они автоматически ...
1
голос
2
ответа
657
показов
Компиляция Pug (Jade) в PHP через Gulp
Можно ли компилировать pug в php? Или теперь, чтобы приступить к backend части сайта нужно брать уже скомпилиный pug в html и переименовать в php, а дальше уже работать с ним, и на этом этапе забыть ...
0
голосов
1
ответ
156
показов
Jade/Pug: не начинается новая строка после комментариев
После компиляции приведённого ниже Pug(Jade)-кода в выходном HTML-коде после комментариев не происходит переноса на новую строку:
// blade: Замени ссылку {{ route('route_pseudoname') }}
a.header-...
1
голос
1
ответ
1k
показов
Pug/Jade миксин с 2я уровнями вложенных блоков или миксинов
Создаю миксин состоящий из нескольких блоков. При вызове миксина можно создать каждый блок, добавив содержание, либо не добавлять какой-то блок, написав block blockname с пустой строкой после.
...
1
голос
1
ответ
753
показа
include sass to pug
У меня есть page.pug, в котором я хочу делать include components/footer/footer.pug, внутри footer.pug имеет такой вид:
style
include _footer.sass
footer
// прочая разметка
Проблема в том, что ...
1
голос
1
ответ
75
показов
Как в jade инклюд передать вёрстку?
пути:
src/blocks/navigation/navigation.jade
src/pages/index.jade
mixin filter
div some text
include ../blocks/navigation/navigation
В самом navigation имеем:
.navigation
.container
...
0
голосов
1
ответ
89
показов
Как сделать чтобы часть кода перешла в HTML без изменений?
Из:
input(name="title", #newtitle)
Получаем:
input name="title" #newtitle="#newtitle"
Как сделать на выходе:
input name="title" #newtitle
???
0
голосов
0
ответов
95
показов
Вызов миксина с нужным набором параметров
Доброго времени суток! Подскажите пожалуйста, есть mixin в Jade для формы. Один mixin но из него можно вызвать 3 разных окна, перебрав нужные параметры. Как вызвать один я разобрался, но как мне ...
0
голосов
0
ответов
331
показ
Pug - как закомментировать атрибут?
Я использую vuejs + pug + webpack, и у меня встала такая проблема.
Есть пачка блоков, которые выводятся в цикле, примерно так:
.form-field(v-for="field in fields", v-if="field.value != undefined")
...
0
голосов
1
ответ
644
показа
Webpack2 pug не вставляются картинки
При компиляции.pug выдает ошибку, что require не является функцией.
Само подключение картинки в файле index.pug
body
h1 Pug - node template engine
#container.col
if youAreUsingPug
...
0
голосов
1
ответ
781
показ
Как через переменную добавить id в pug?
Привет!
У меня есть миксин, и мне в некоторых местах, в ссылке необходимо добавить в id, как через переменную и условие можно сделать?
mixin product-slider-item(title, image, text, new1, finger)
+e....
3
голоса
1
ответ
885
показов
Как создать переменные, которые будут видимы в SASS, JavaScript и Jade(Pug)
Каким наиболее простым образом можно создать переменные, которые будут видимы в:
SASS
JavaScript-файлах (с использованием Webpack и возможностей ES6)
Jade-шаблонах
Зачем это надо, думаю понятно: ...
0
голосов
2
ответа
211
показов
gulp-jade: как не компилировать по отдельности выбранные файлы
Если в sass для того, чтобы файл не компилировался по отдельности, достаточно поставить нижнее подчёркивание первым символом имени файла, то можно ли сделать нечто подобное с gulp-jade?
В качестве ...
2
голоса
1
ответ
1k
показов
Jade: подключение разных стилей и скриптов в зависимости от страницы
Допустим, нас есть шаблон base.jade, где описан head, и от него наследуются макеты уже конкретных страниц. Однако, в зависимости от страницы, нам нужны разные подключения css-файлов и javascript-...
2
голоса
1
ответ
195
показов
Использование шаблонов с less, pug
Часто скачиваю шаблон, а там сразу идёт package.json c плагинами для сборки + less файл. С ним понятно, загружаем, правим, компилируем. Что касается html-кода самого шаблона.
Правильно ли я понимаю ...
1
голос
2
ответа
2k
показов
Ошибка Cannot find module 'gulp-jade'
Система Windows 8, nodejs -v 6.9.4
npm -v 3.10.10
gulp [01:25:49] CLI version 1.2.2
Уже второй день мучаюсь с галпом, первая проблема была: cmd не видит команду gulp, проблему решил добавили ...
1
голос
1
ответ
287
показов
jade.Как отключить минификацию при компиляции?
Недавно начал учить препроцессоры. Столкнулся с проблемой:
При компиляции из .jade в .html код минифицируется. Что для обучения не очень хорошо.
Как отключить минификацию? Желательно обьяснение на ...
1
голос
0
ответов
152
показа
Многострочный некомпилируемый текст в аттрибутах тега. Pug(Jade)
Есть такой вод код на jade (pug):
body(
|{% case page.url %}
| {% when '/' %}
| class="hellopage"
| {% when page.url contains '/gallery/' %}
| class="gallerypage"
|{% endcase %}
)
...
0
голосов
0
ответов
50
показов
Как сделать сортировку в jade?
Есть объект json (приходит с сервера). Можно ли его отсортировать по order?
Вот сам объект
{
"id": 2,
"name": "тест",
"active": true,
"slides": [
{
"imgUrl": "/images/...
1
голос
0
ответов
153
показа
Непонятные отступы при написании миксинов в Pug(jade)
Привет всем! Я написал маленький миксин:
mixin item(href, active)
if(active)
li(class="active"): a( href=href ): block
else
li: a( href=href ): block
Потом вызвал его:
+item("#sec1")
...
1
голос
1
ответ
3k
показов
Работа с pug(jade)-файлами в Gulp
Gulp не видит pug-шаблоны в проекте. Пробовал обработать pug-файлы webpack'ом и тоже получал ошибку в поиске файлов, по-видимому допускаю ошибку при задании регулярки поиска по шаблону.
Папка ...
0
голосов
2
ответа
63
показа
Изменение ширины элемента в зависимости от текста в нем [закрыт]
На картинке видно, что символы в первой и последной строчке не совсем помещаются в элементы (li) списка (ul).
А вот хотелось бы, чтобы всё помещалось и центрировалось.
Инлайн-блок не помогает.
Синим я ...
1
голос
0
ответов
207
показов
Ошибки при обработке pug(jade) шаблонов с помощью webpack
По советам Утки из вопроса "Работа с pug(jade)-шаблонами в проекте с помощью webpack" начал разбираться с pug-шаблонами:
Добавил import-glob в проект, однако, импорт вида import "./**/*.pug" (что ...
7
голосов
0
ответов
715
показов
Работа с pug(jade)-шаблонами в проекте с помощью webpack
Как можно преобразовать pug-файлы в html-шаблоны без их явного импортирования в точку входа?
Проект содержит шаблоны, стили, скрипты для каждого приложения, которые лежат в отдельном каталоге. Папка ...
0
голосов
2
ответа
925
показов
Выборочная компиляция *.pug в html
Как указать pug компилировать только index.pug в index.html и не компилировать файлы, указаные в include ?
Это файл index.pug:
doctype html
html
head
include parts/header.pug
body
include ...
0
голосов
1
ответ
156
показов
Gulp-jade не компилируется в html
Есть 3 файла:
head.jade
meta(charset="utf-8")
footer.jade
footer
p
index.jade
doctype html
html
head
include parts/head
body
include parts/footer
При ...
0
голосов
1
ответ
65
показов
Как заставить препроцессор понимать Liquid в Jade?
Prepros, конечно, не понимает Liquid в Jade.
Как его заставить, чтобы понимал?
Или, вообще, как тогда вообще можно использовать Jekyll вместе с Jade?
Есть какие-то трюки, может? Я не додумываюсь.
1
голос
1
ответ
211
показов
Как заставить Jekyll на Github Pages компилить Jade (Pug)?
Собственно, вопрос, можно ли обойтись без Коалы или другого препроцессора?
И нужно ли?
0
голосов
1
ответ
55
показов
PHP in Jade templates
По работе достался старый сайт и я задумал перейти на Jade с обычного php шаблонизатора, никак не могу догадаться, как переделать такой код на jade( думал использовать jade-php)?
<div class="item&...
1
голос
0
ответов
73
показа
Группировка элементов при выводе через each loop в Jade
Есть вывод элементов через конструкцию each в Jade. Мне нужно обернуть каждые 2 элемента в div-родитель, как это можно реализовать? Я написал следующий код:
each item,i in feature.items
- if (i....
2
голоса
2
ответа
136
показов
Добавить элементу класс если имеет вложенный label
Есть задача, нужно добавиться элементу div класс has-error, если div имеет вложенный label.
Нужно сделать так, что когда проходит проверку на ошибку, поле inputa подсвечивается класом has-error diva.
...
0
голосов
0
ответов
60
показов
Как закрыть div jade
Использую шаблонизатор Jade.
Пишу в Jade файле
div.classname1 YOUR TEXT 1
div.classneme2 YOUR TEXT 2
Или так
div(class='classname1') YOUR TEXT 1
div(class='classname2') YOUR TEXT 2
В результате ...
0
голосов
1
ответ
89
показов
Prepros не компилирует jade
Доброго времени суток! Когда сохраняю файл index.jade, prepros выдает ошибку (изображение ниже), подскажите как решить эту проблему.