问题标签 [pugjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
5 回答
64516 浏览

css - pugjs(jade) 模板引擎加载 css 文件

我一直在 GitHub 上的示例中搜索,但找不到如何将简单的 css 文件加载到我的布局中。我的第一个想法是做这样的事情,link(href="my.css")但似乎它根本不起作用。href 指向正确的在线位置(检查并工作),因此也许我忘记了什么?

0 投票
1 回答
4462 浏览

html - 如何在两个字符之间添加一个空格字符
s翡翠渲染后?

输入:

输出将是:

<div class="a">text1</div><div class="b">text2</div>

第二个<div>与第一个接近,没有任何空格或 LF。

但是,这是我真正想要得到的:

或者:

因为我在使用时需要在它们之间放置一个空格display:inline-block。我不想在 CSS 中设置边距。

是否可以让玉不吃我的空间或LF?

谢谢,

0 投票
1 回答
2345 浏览

pug - 更改 if 中的变量-jade/pugjs

我正在尝试根据两个变量的状态使 div 在其中有一个位置,例如 if$city = 'New York'$state = 'NY'div 将显示New York, NY。但是,它不起作用,我认为它与范围界定有关。这是我的玉:

这以 $locString 为空结束,但如果我在 if 语句中打印 $locString 它只有最近添加的值,这表明它正在重新声明每个 if 语句内的变量的本地副本。我在参考http://jade-lang.com/reference/中找不到任何关于此的内容

0 投票
1 回答
4855 浏览

pug - 警告:意外的块“内容”

即使我已经正确处理了这些块,它们也没有被带入布局页面:

从那以后,我找到了答案,并认为应该记录下来以帮助其他人...

0 投票
1 回答
2026 浏览

intellij-idea - Intellij IDEA 中对 Pug 模板引擎的支持

随着 Jade 过渡到 Pug,目前没有 Pug 插件。问题是我们的 .jade 文件扩展名变成了 .pug,IDE 无法识别。

我们如何将 pug 与 Intellij IDEA(或其他 Intellij IDE)一起使用?

0 投票
3 回答
5400 浏览

javascript - Jade/PUG JSON 插值

首先让我告诉你,我没有使用 Express,而只有 Pug(以前称为 Jade)。

我从外部文件中读取了一个 JSON 对象。在对象内部,其中一个键具有如下所示的字符串值:

This is #[strong cool]

Jade 完全按原样输出它,但我希望对读取的字符串进行插值工作。有什么线索吗?

提前致谢!

0 投票
1 回答
642 浏览

html - 向 Pug (ex-Jade) mixins 添加 if/else 语句?

如何将 if/else 语句添加到 mixin 以将checked属性添加到我的第一个无线电输入?

0 投票
2 回答
3969 浏览

html - Pug 中的多行变量(ex-Jade)

可以使用吗?例如这里:

我不想-在每行的开头使用。如果不可能,也许有某种方法可以导入多行 JSON 文件?

0 投票
1 回答
487 浏览

javascript - 如何在javascript node.js中的jade模板上显示分组对象的值

基于这个How to split array 基于 JavaScript Node.js 中的单个值动态拆分数组 ,我使用数组创建了对象,我可以通过以下方式显示每个数组的名称:

结果是:

但是如何在不同的表中显示每个数组的值?例如。表格示例

我不知道如何从数组中获取任何值?

我想过这个li= item.array[0].tag,但它不起作用。


@编辑

如果我使用:

我可以在视图中显示值和结果:

但是我怎么能把这个放到桌子上呢?

0 投票
2 回答
2419 浏览

node.js - 包括哈巴狗文件会导致错误,但玉工作正常

在这里遇到一个奇怪的问题。我有一个非常基本的玉/哈巴狗包括在这里:

快速说明,仅使用 extends base(没有扩展名)是行不通的。但是这个包含给出了以下错误:

但将其更改为:

工作得很好。header.jade 和 header.pug 的内容完全一样,所以我在这里有点困惑。一些帮助将不胜感激。

谢谢,

PS:搜索确实显示:https ://github.com/pugjs/pug-linker/issues/13 - 似乎是一个错误,但不确定这是怎么回事。