Как я могу предотвратить падение Pug всех пробелов между двумя тегами?

Question

Когда я делаю это в шаблоне:

div(class="field")
    label Password
    input(type="password")

, я получаю такой вывод:

<div class="field"><label>Password</label><input type="password"></div>

Таким образом, метка и входные теги имеют нулевое пространство между ними, а не одинпробел между ними, который у них будет в обычном HTML-файле, где они находятся на двух разных строках.

Как получить этот стандартный одиночный пробел между двумя элементами в шаблоне Pug, как можно менее уродливопуть?Я мог бы использовать CSS для исправления пробелов, но это выглядит как многословное добавление, просто чтобы получить то, что является стандартной функцией HTML, когда вы не используете Pug.

Answer 1

Документация Pug демонстрирует, как управлять пробелами, используя символы канала.

div(class="field")
    |
    |
    label Password
    |
    |
    input(type="password")

Это должно отобразить:

<div class="field">
    <label>Password</label>
    <input type="password"/>
</div>

Answer 2

Это делает то, что я хочу / ожидаю (поместите ровно один пробел между двумя элементами в отображаемом выводе HTML).

div(class="field")
    label Password
    = ' '
    input(type="password")

Использование оператора = в начале строки позволяет вставить выражение Javascript. Итак, я вставляю строку, содержащую один пробел.