• В препроцессоре Pug не работает ${variable}, как быть?

    @Abwel Автор вопроса
    lorentso,
    require мне нужен чтобы картинки импортились в итоговый бандл. Я использую webpack и он без require не видит картинок(
  • В препроцессоре Pug не работает ${variable}, как быть?

    @Abwel Автор вопроса
    lorentso,
    вот как раз про require в пути то я пишу, что вот так как вы написали :
    - var img_row= `require(../../../components/length-stay/${www})`
    получается вот такой вот результат:
    src="require(../../../components/length-stay/row_expand.png)"
    Естественно require там быть не должно, о том и пишу, но он там есть(
  • В препроцессоре Pug не работает ${variable}, как быть?

    @Abwel Автор вопроса
    Добрый день - это стандартные варианты они не работают.

    НЕ РАБОТАЮТ вот такие вот конструкции:
    - var img_row = require(`../../../components/length-stay/#[www]`);
    - var img_row = require('../../../components/length-stay/' + www);
    - var img_row = require(`../../../components/length-stay/${www}`);
    - var img_row = require(`../../../components/length-stay/`+ `${www}`);

    Вот что РАБОТАЕТ:
    - var img_row = require(`../../../components/length-stay/row_expand.png`);
    - var img_row = require(`../../../components/length-stay/` + `row_expand.png`);

    Мне нужно как то вставить переменные в строку.
  • В препроцессоре Pug не работает ${variable}, как быть?

    @Abwel Автор вопроса
    lorentso,
    Добрый день вот такой вот вариант
    - var img_row= `require(../../../components/length-stay/${www})`
    определяет такую конструкцию ${www}, НО конечный путь получаеться вместе с require вот такой :
    src="require(../../../components/length-stay/row_expand.png)" соответственно это не работает(
  • В препроцессоре Pug не работает ${variable}, как быть?

    @Abwel Автор вопроса
    Нет #{www} это не работает. Такая конструкция работает только вместе с каким то тэгом например так p
    #{arrival}.
    Мне нужно переменную именно в кавычки вставить, вот так :
    - var www = 'row_expand.png';
    - var img_row = require(`../../../components/length-stay/${www}`);
    Потом я img_row передаю в миксин где просто вставляю это как путь.

    Вот вызов миксина :
    +length-stay("date Dropdown","date Dropdown",img_row)

    Это сам миксин:

    mixin length-stay(arrival,departure,path)
    div.length-stay
    div.date-arrival
    p #{arrival}
    div.date-arrival__dropdown ДД.ММ.ГГГГ
    img.img-row(src=path, alt="Стрелка")
    div.date-departure
    p #{departure}
    div.date-departure__dropdown 19.08.2019
    img.img-row(src=path, alt="Стрелка")