Вопросы с меткой [pug]

Pug (бывш. Jade) – препроцессор HTML и серверный шаблонизатор для Node.js, написанный на JavaScript.

Фильтрация
Сортировка
Метки
0 голосов
1 ответ
353 показа

Как в PUG добавить ссылки в переменную

- var values = []; ul each val in values.length ? values : ['Home', 'documentation', 'about'] li= val Как вместо строк добавить ссылки. Например, вместо Home было a(href='home.html') Home
Drummer's user avatar
  • 89
0 голосов
1 ответ
215 показов

Обновление данных на pug странице каждую секунду

В своем проекте я использую express, node.js в качестве серверной части. Для отображения использую шаблонизатор pug. Я хотел бы узнать, как я могу передавать новые данные каждую секунду на страницу. ...
corocoto's user avatar
  • 192
0 голосов
1 ответ
698 показов

pug вложенный миксин

Всем привет, помогите разобраться с миксинами в pug. Мне нужно, чтобы один миксин входил во вложенность другого mixin cards(header, image) ._cards-list--el ._cards-list--el-header= header ...
user324358's user avatar
0 голосов
0 ответов
21 показ

Почему так мало разрешений у WebPack

Кто в курсе почему webpack конвертирует из js в js? Почему можно только с Sass работать? Есть ли какой то скрипт помогающий работать с less и Pug ?
George_Izot's user avatar
0 голосов
1 ответ
252 показа

pug mixin input type

mixin input-text(value, type) - var type = text case type when date input.form-control(type="date" value=value) default input.form-control(type=type ...
stiv's user avatar
  • 1,698
0 голосов
0 ответов
123 показа

Pug компиляция в HTML. На выходе красивый HTML

Есть код pug ul.header__menu-list#header-menu li.header__menu-item a.header__menu-link(href='catalog.html') Ювелирные изделия li.header__menu-item a.header__menu-link(href='')...
hitFM's user avatar
  • 155
0 голосов
0 ответов
149 показов

Как встроить переменную Pug в Vue структуру?

Есть шаблон на pug и vuejs #masthead(v-for="item in dataTitles[1].id" :class="dataTitles[0].pageClass" :data-title="dataTitles[0].dataName") .content h1.pageTitle {{ dataTitles[0].dataName }...
andrejsharapov's user avatar
0 голосов
0 ответов
589 показов

Ошибка TypeError: document.body is null

Не понимаю что не так.. вроде всё правильно сделал. Страницу отображает, но выдаёт в консоли firefox ошибку эту. Стоит ли волноваться? Вроде все отступы поставлены правильно, может я не вижу просто:) ...
hitFM's user avatar
  • 155
0 голосов
1 ответ
156 показов

Express.js использовать html вместо pug(jade)

только начал изучать node.js по заграничным гайдам и там используют pug, а мне это не особо нравится, т.к. уже имеется готовая верстка(html) с которой хочется продолжать работать. Погуглив, нашел ...
Stasia's user avatar
  • 161
0 голосов
1 ответ
2k показов

Как применить одну функцию onclick к нескольким кнопкам?

У меня есть список кнопок в сайдбаре и два поля ввода(номер один и номер два) в главном контейнере. Мне нужно сделать так, чтобы при нажатии на первую(или вторую, третью и т.д.) кнопку имя этой кнопки ...
Alisa Bondarchuk's user avatar
0 голосов
1 ответ
42 показа

nodejs pug render object

Есть класс: class xlsxRow{ constructor(name, articul, unit, quantity_ttk, quantity_fact, quantity_price_opt, unit_fact, name_db, percent, quantity_price_roz){ //name2 = name; ...
Andrey Platov's user avatar
0 голосов
1 ответ
593 показа

Блоки в mixin pug

Есть такой миксин для кнопки - var blocks={}; mixin set(key) - blocks[key] = this.block mixin A(buttonClass, buttonText, disabled) button.button(class= buttonClass, disabled= disabled) span ...
ink Shio's user avatar
0 голосов
0 ответов
124 показа

Typescript. Добавить в папку ./build файлы *.pug

Имеется подобная структура проекта: -build -src - router - index.ts - views - index.pug - app.ts С помощью tsc собираю js в папку ./build. И в эту папку попадают только js ...
Александр Касиков's user avatar
2 голоса
1 ответ
186 показов

pug добавляет пустую строку (pre-line)

Как можно избежать пустой строки в pug, когда я задаю свойство white-space: pre-line; ? pug: #root |Hello world |Hello world css: div { font-size:20px; color:red; white-space: pre-line; ...
Profet's user avatar
  • 387
0 голосов
0 ответов
537 показов

Вывод данных из массива JSON в pug/jade

В gulp есть задача для pug gulp.task("html", function() { return gulp.src("src/pages/*.pug") .pipe(plumber()) .pipe(pug({ locals : { socials: JSON.parse(fs.readFileSync('src/...
Flap Jack's user avatar
  • 169
1 голос
0 ответов
18 показов

Gulp & TypeScript: Как правильно использовать интерфейс под другим именем без его экспорта в явном виде?

TypeScript видит интерфейс IGulpPlugins из @types/gulp-load-plugins без экспорта в явном виде: import * as gulp from 'gulp'; import * as _gulpPlugins from 'gulp-load-plugins'; interface ...
Боков Глеб's user avatar
0 голосов
1 ответ
41 показ

Как в Jade вставить ссылку внутрь цикла?

Есть массив и цикл: ul.skills__list - var labelValue = [ 'БЭМ/OOCSS', ... , 'Читаю blog.csssr.ru', 'Я ленивый(-ая)', 'У меня хороший английский']; for content, index in labelValue li....
BlackBeard's user avatar
0 голосов
1 ответ
176 показов

Как установить Pug в Ubuntu?

Ubuntu 18.04.1 LTS node.js v11.1.0 npm v6.4.1 Пытаюсь установить Pug с помощью команды: sudo npm install pug Через пару минут установка доходит примерно до 60% и зависает (больше часа никакой ...
slippyk's user avatar
  • 6,161
0 голосов
0 ответов
360 показов

Ожидание localhost

Вечер добрый, работаю на Express имеется init для запуска: const express = require("express"); const server = express(); const bodyParser = require('body-parser'); const cookieParser = require('...
Totem's user avatar
  • 437
0 голосов
0 ответов
114 показов

Вопрос по форматированию pug (jade) в html

Имеется такая проблема при компиляции pug. Хоть она не так критична технически, но визуально довольно неприятна. Вот такой код: .block a(href="#" class="link") Конвертируется в html так: <...
websterjoy's user avatar
0 голосов
1 ответ
217 показов

не работает gulp pug

Всем привет! Не работает gulp pug. Сам подключен как npm i gulp-pug --save-dev В gulpfile.js имеется: const pug = require('gulp-pug'); gulp.task('pug', function() { return gulp.src('src/pug/*.pug'...
Dave Garrow's user avatar
0 голосов
1 ответ
317 показов

Как в pug-миксин вставить аргумент в значение атрибута?

Вот миксин который не компилируется. Требуется просто вставить src картинки в style. mixin team(img_src) span.team-card__photo(style="background-image: url("=#{img_src}");") Пробовал и без скобок и ...
kiberlain's user avatar
  • 123
0 голосов
1 ответ
73 показа

Передача значения из javascript в form.action в jade

У меня есть тег form в jade, из NodeJs в jade я передаю строку path, мне нужно сделать, чтобы action у формы был равен соединенным "/first/second/" и этой строке (Если path==='custom', то action==='/...
Александр's user avatar
0 голосов
1 ответ
134 показа

Как настроить фильтрацию include в pug для gulp

Имеется таска для gulp,в которой при одном режиме работы происходит преобразование pug файлов html, а при другом - в php. Проблема в том, что для php файлов не нужны include файлы из pug, а нужны ...
Roman Kh.'s user avatar
0 голосов
0 ответов
40 показов

Индексация страниц роботами, express+pug+ajax

Нужен совет сейчас создаем ТЗ для блога, по дизайну решили выводить все страницы с помощью ajax с базы. По функционалу задумывали собирать все pug шаблонизатором и выводить статьи с помощью ajax + ...
Dima Zavada's user avatar
1 голос
0 ответов
89 показов

Установка PUG (npmjs заблокирован)

Пытаюсь установить PUG. При установке получаю ошибку npm ERR! 503 Service Unavailable: npm@latest Лог: 0 info it worked if it ends with ok 1 verbose cli [ 'C:\\Program Files\\nodejs\\...
Dolgopolov Dmitry's user avatar
0 голосов
0 ответов
117 показов

Вывод JSON данных из объекта в массиве в Pug(Jade)

Пытаюсь вывести таким образом: h1.main-title.center Changelog each log in changelog .changelog-item .second-title span= log['ver'] span.text-hide= log['date'] ...
Евгений's user avatar
0 голосов
1 ответ
90 показов

срабатывание hover на блоке из множества однотипных блоков vue.js

Есть 9 одинаковых блоков. Нужно чтобы при наводке на блок, подсвечивался hover этого блока. Сейчас срабатывает hover для всех сразу блоков, как исправить это? v-flex(xs12='', sm6='' mt-3='').top-...
Виталий Шонов's user avatar
4 голоса
2 ответа
6k показов

Условия if/else в pug

Есть блок с svg и нужно менять содержимое в зависимости от переменной, код: mixin container(svg) .logo-box if svg == first svg.class__first else if svg === second svg....
Игорь Морозов's user avatar
-1 голос
1 ответ
132 показа

Не подключется javascript

Не подключается javascript, вот как его подключил(в конце тега body)(использую pug) script(src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js") sciprt(src="js/main.js") Вот ...
AgentDaun's user avatar
0 голосов
1 ответ
505 показов

Pug создание частей html

В сборщике можно подключить множество *.pug файлов, которые будут создавать один index.html. Что нужно написать, чтобы создавались html файлы с таким же названием и содержимым, как и в файле *.pug ...
Roman Kh's user avatar
  • 652
1 голос
0 ответов
134 показа

gulp время от времени глючит

https://prnt.sc/jhuoza https://pastebin.com/A5ZLshgW gulp стал подглючивать на домашнем компе (на рабочем всё норм), не знаю что делать. Какое-то время всё нормально, потом выплёвывает кучу вот ...
Baryonyx's user avatar
  • 312
4 голоса
2 ответа
689 показов

gulp: как перекомпилировать только изменённые файлы, разбитые на несколько файлов (на примере pug)

В приведённой ниже файловой подсистеме файл partial1.pug является частью test1.pug (включён в него через include), а файл partial2.pug - полностью самостоятельный: 📁 pug   test1.pug   test2.pug   ...
Боков Глеб's user avatar
2 голоса
1 ответ
823 показа

Конкатенация классов (BEM) в Pug (ex-Jade)?

Все привет, вопрос такой. Как правильно наследовать класс от родительского класса как в Sass: .b1_form .b1_form-title Заголовок Чтобы во втором классе не писать родительский, а что-то типа &...
Азамат Шарафутдинов's user avatar
1 голос
1 ответ
2k показов

Использование pug в однофайловых компонентах vue

Хочу использовать pug в однофайловых компонентах vue. Я понял, что шаблоны открывать нужно так: <template lang="pug"> Но из документации так и не понял, нужно ли как-то конфигурировать vue-...
muturgan's user avatar
  • 1,246
0 голосов
1 ответ
448 показов

Прошу подсказать почему перебивает стиль?

Подскажите почему не работают св-ва. Вроде ни чего не должно перебивать. 1) "text-decoration: none;" 2) &-action не применяется color .header { border: 1px solid red; &__up{ ...
Дмитрий Сухоцкий's user avatar
5 голосов
0 ответов
166 показов

Нужен совет по структуре проекта и именованию БЭМ

В своей практике я использую БЭМ + pug и sass. БЭМ позволяет удобно разбивать элементы на блоки. Каждый блок - директория, которая содержит pug и sass файлы. Это позволяет с одной стороны ...
Igor's user avatar
  • 1,211
0 голосов
2 ответа
417 показов

Pug – динамическая вставка страниц

Всем доброго времени суток! Задача: включить несколько *.pug файлов, находящихся в массиве pages. each page in pages include page Примерно так. Но проблема в том, что судя по всему, компилятор ...
Sviatoslav Miller's user avatar
0 голосов
2 ответа
342 показа

Использование Php кода в pug

Есть кусок кода на pug p.text-center Все права защищены &copy '<?= date('Y');?>' Но компилируется php код закомментированным, кавычками обрамлял, результат тот же, в чем может быть ...
Ghost Dogg's user avatar
2 голоса
1 ответ
306 показов

pug. Как вставить один переиспользуемый блок в другой блок?

Есть блок с общей структурой, но разной вложенностью. В моем случае это слайдер, есть окно, в этом окне произвольное количество слайдов. Я хочу написать один миксин, с такой структурой и использовать ...
Igor's user avatar
  • 1,211
2 голоса
1 ответ
2k показов

Картинки не загружаются webpack

На devserer-e все работает правильно и картинки загружаются, но на продакшне картинки загружаются только на начальную страницу. В остальных страницах путь не совпадает. Или кратко, во всех страницах ...
Багдаулет Сайын's user avatar
1 голос
0 ответов
177 показов

Как вывести ответы на вопросы из массивов?

Как реализовать тесты я не разу не делал, попробовал сделать это впервый раз. Я реализовал примерно вывод из mysql массивы вопросов, ответов и правильных ответов, но у меня проблема в том что вывести ...
Руслан's user avatar
1 голос
1 ответ
55 показов

Не получается преобразовать полученнные данные из mysql в массив

Сделал запрос в бд let user = ctx.state.user[0]; let sql = 'SELECT id_theme FROM access WHERE id_user = ?'; let themes = db.query(sql, [user.id], async (err, result) => { if(err) console....
Руслан's user avatar
3 голоса
1 ответ
501 показ

Как правильно настроить webpack, для работы с pug файлами

Возникли проблемы с настройкой webpack Надо, чтобы в проекте была динамическая HTML-страница. Лучше, чтобы она пререндерилась на сервере. Сам фреймворк: Adonis, однако стандартный template language ...
P. Klassen's user avatar
0 голосов
0 ответов
80 показов

Как отформатировать число в JS и вывести в Pug?

Передаю в вид объект: offers { "id":129, "logourl":"129.png", "mincreditsum":7000, "maxcreditsum":200000" } Хочу mincreditsum и maxcreditsum отформатировать и привести к виду 7 000 и ...
tweeker's user avatar
  • 301
1 голос
1 ответ
388 показов

Как подключить карту Google (JS) если используешь webpack и pug

Вот такую ошибку выдает когда пытаюсь подключить http://prntscr.com/hog3hi pug код script(src='https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=...
Студеникин Максим's user avatar
0 голосов
1 ответ
57 показов

Как примерно реализован препроцессор типа Jade/Pug?

Если бы мне на данный момент сказали сделать препроцессор типа Jade/Pug, то я бы не придумал ничего, кроме как пропускать каждую строку через большое количество if-блоков, где в каждом условии ...
Боков Глеб's user avatar
1 голос
1 ответ
309 показов

Gulp вытаскиваем файл без папки

Есть таск, который преобразует pug в html, чтобы не прописывать путь до каждого файла, хочу сделать blocks/**/*.pug, то есть во всех директориях, с любым именем и расширением pug и положить ...
Igor's user avatar
  • 1,211
1 голос
1 ответ
472 показа

Компиляция через gulp-pug

Есть несколько pug-шаблонов полей. В шаблонах прописаны ${name}. Есть объект со свойством name. Хочу брать шаблоны и подставлять в переменные название полей и прочие атрибуты. Использую gulp и gulp-...
user207603's user avatar
2 голоса
1 ответ
95 показов

Не закрываются автоматически скобки и кавычки

Начал работать с pugв Webstorm и обнаружил, что скобки и кавычки автоматически не закрываются. Жутко неудобно. Например, когда я набираю в обычном html " или ( или {, то все они автоматически ...
Literate Goggles's user avatar