问题标签 [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 投票
1 回答
660 浏览

pug - 将字符串输出到 JADE/PUG 文件中

所以我有一个问题,我正在读取的字符串包含换行符,我正在解析我的 JS 文件中的换行符,如下所示

例如,我想要我的文字:

成为

但相反,我得到

我将如何最好地解决这个问题?看来我从 HTML 导入的逻辑在 JADE/PUG 中不起作用

0 投票
2 回答
139 浏览

pug - 当类名有连字符时,如何为类使用点缩写形式?

以下:

很好地生成:

然而,

不起作用。

这是一种节省与后者类似的类名的输入和移位的方法吗?

0 投票
1 回答
213 浏览

pugjs - 试图连接两个哈巴狗文件,但无法做到这一点

我正在尝试链接两个哈巴狗文件,但无法做到这一点,我正在使用 koajs 和 mongodb

那么任何人都可以帮助我吗?

0 投票
1 回答
907 浏览

javascript - 如何在 Pug.js 过滤器中绑定值

我想在Pug.js过滤器中绑定一些值。但是该过滤器工作正常,值不绑定。

带过滤器的输出结果

没有过滤器的输出结果

Pug.js 代码

注意::minifycss使用uglifycss模块制作的过滤器

所以过滤器看起来像:

0 投票
2 回答
1614 浏览

html - 带有图标的搜索框使用 bootstrap 和 pug 在输入下显示图标

它应该很简单,但我看不到问题所在。我正在中心构建一个类似菜单的页面,在右侧构建一个带有图标的搜索框,我正在使用 keystonejs、pugjs 和 bootstrap。这是代码有问题的部分:

它编译为:

生成的 HTML 看起来不错,但显示不包括输入中的图标,就像在这个小提琴中一样

这是它显示的内容 在此处输入图像描述

我在做什么错......再次:)谢谢

0 投票
0 回答
213 浏览

node.js - 让 premailer-gulp-juice 和 gulp-pug 一起工作得很好

这是我的第一篇文章,所以如果我没有正确执行此操作,我深表歉意。我确实搜索了与我的问题相关的术语,但找不到任何东西。

我正在做的是使用 nodejs 和 gulp 构建电子邮件构建工具。

我的文件结构是这样的:

工作目录:

  • 模板/客户端/电子邮件类型/email.pug
  • 模板/客户端/电子邮件类型/style.scss

构建目录:

  • 构建/客户端/电子邮件类型/email.html
  • 构建/客户端/电子邮件类型/style.css

我正在使用 gulp-sass 渲染 vanilla css,效果很好。我正在使用 gulp-pug 渲染 html,效果很好。

现在尝试使用 premailer-gulp-juice 内联在呈现的 html 文件中链接到的 CSS 是行不通的,除非我在 html 文件中指定确切的路径。

由于我正在尝试为多个客户端和多个电子邮件文件设置一个环境,所以我不能那么具体。

我的问题是我收到“找不到文件。跳过 style.css”错误。

来自 npmjs 的示例:

我的 gulpfile 看起来像这样:

我总是收到这个错误:

我的 html 文件链接到 build 文件夹下 gulp-sass 输出的 style.css 文件,所以它的字面意思是:

0 投票
1 回答
3026 浏览

object - 使用 pug 访问嵌套对象属性

我的哈巴狗模板中有一个名为 obj 的对象

如果我做

对象显示正确。但是如果我想访问它的嵌套属性,比如

由于某些原因,它没有渲染。

如果我这样做也一样p=obj.property1.property1.property1

我错过了什么?谢谢

这是我的确切代码片段:

这是确切的输出:http: //imgur.com/a/ZnmUp

如您所见,由于p #{session_detail.request.type}某些原因没有显示。

0 投票
1 回答
127 浏览

webpack - 帕格 APi 不起作用

谁能告诉我为什么 pug api 不适用于他们文档页面中的简单示例

不管我做什么,它一直在告诉 pug.compileFile 不是一个函数

0 投票
1 回答
29 浏览

node.js - 为什么我不能调用在 node express 中创建的任何页面?

我正在为 NodeJS 使用 ExpressJS Web 框架。

我不知道为什么在创建新页面并调用它时会出现 404 错误消息。

我的目录结构:

文件夹single.js中的代码:routes

中的代码app.js

0 投票
1 回答
697 浏览

gulp - gulp 和 pug - 无法解析嵌套的部分

我将gulpgulp-pug一起使用,以便可以将模板拆分为可重用的组件。Pug 抓取任何现有的 *.pug(jade) 文件并将它们转换为浏览器同步和/或项目构建(在我的情况下)上的通用 html 文件。

这是index包含部分的基本哈巴狗

除了一件事,一切都运行顺利,我的views文件夹结构如下:

当我对其中一个部分(部分文件夹中的 pug 文件)进行更改并保存时,实时重新加载功能按预期工作,但 *.pug 文件没有被解析。但是,当我保存index.pug文件时,文件会被转换并且页面会加载新内容。

我做错了什么,在哪里?

PS 即使在编辑索引文件时,我也必须不时手动刷新页面,以便它可以呈现页面而不是空白。