我对帕格/玉器很陌生。我有3个帕格模板文件名为"layout.pug","home.pug“和"mixins.pug”。layout.pug包含以下代码:
html
include mixins
body
include home
此home.pug文件中的代码:
body
div.main
+popup('Hello', 'Hello World')
帕格文件'mixins.pug‘包含混合器。我在这个文件中添加了mixin弹出窗口()。此文件中的代码:
mixin popup(title,
我正在与Pug一起工作,我想创建一些混合,以使整个项目中的一些可重用的组件。我想创建一些文件,只是为了让mixins分离和分类。当我想在我的主文件中包含带有混入的文件时,问题就出现了。例如:
body
block content
include ./components/mixins/_mixins.pug
+user_avatar('', '#', 'Daniel')
这不起作用(当我想包含来自单独文件的混合时)。我得到了这个错误:jade_mixins.user_avatar is not a func
我正在开发nodejs应用程序,我对include语句有异议。当我像这样使用它的时候,它就起作用了:
include ../mixins/root.pug
...but可以在包含上使用变量吗?
所有这些工作都没有:
include #{process.env.MIXINS_PATH}/root.pug
include !{process.env.MIXINS_PATH}/root.pug
include `${process.env.MIXINS_PATH}/root.pug`
其结果是:
Error: ENOENT: no such file or directory
我有一个混音,它需要另一个混合(如果你愿意的话回调),如何检查传递的参数是否是一个混合参数,这样它就不会破坏我的代码?
我试过了
p #{mixins} //- nothing gets outputed
p #{Object.keys(pug_mixins).length} //- 0
p #{JSON.stringify(pug_mixins)} // {}
p #{globals} //- nothing gets outputed
// but in vain
有趣的是,当我在调用它的时候,故意地输入了混音。
获得日志记录的错误从pug_mixins.templatee is
如何解决以下问题。我的结构如下:
header
main
.section-about
.section-features
.section-tours
.section-stories
.section-book
footer
在我的index.pug中,我扩展了一个通用的layout.pug文件,然后包含不同的部分。这是我的index.pug的代码:
extends layout-blocks/layout.pug
block append head
title #{title} Home
meta(name='description', content=
我是Jade/Pug的新手,正在尝试通过mixins创建一个表。但是,当我将我的数组传递给mixin以创建一行时,我得到了以下结果:
创建的表(行中的数据有误)
因此,问题是我如何才能获得正确的数据?
这是我的jade代码
mixin row(items)
tr
each item, index in items
td= item
mixin th(items)
each item, index in items
th= item
mixin table(tableData, tableHeader)
table
eac
我正在尝试使用Pug作为发送事务性电子邮件的模板引擎。我想在构建步骤中编译它们,然后在我的代码中只需要/导入函数(以避免在线编译)。
我正在使用Pug CLI来编译模板。
pug ./src/emails/pug --client --pretty --no-debug --out ./src/emails/tpl
这将在out目录中创建如下所示的.js文件。
function pug_escape(e) {
var a = "" + e,
t = pug_match_html.exec(a);
if (!t) return e;
var
我希望能够用不同的数据创建许多相同的块。用于具有不同名称和值的项的示例列表。
所以我有一个这样的帕格文件:
- var data = require("data.json")
mixin item(name,val)
.item
.item-name= name
.item-val= val
mixin items(input)
each itm in input
+item(itm.name,itm.value)
+items(data)
我的JSON文件data.json是这样的:
[
{
我是pug新手,现在我正在尝试呈现一个html视图,其中包含一个表,该表的条目是从app.js解析的
这是我的index.pug
doctype html
html(lang='en')
head
title Pug
body
table
- var columns = ['apple', 'pine', 'peach'];
tr
each column in columns
我刚刚开始使用jade和node。我将一个对象从节点传递到jade模板(parent.jade),并将相同的jade文件(parent.jade)包含到另一个文件(child.jade)。它的描述如下:
节点部分:
res.render('parent.jade', {data: mydata});
然后在parent.jade中,我正确地接收到了数据:
doctype html
html
head
title parent
script(type="text/javascript" src="/resource
我正在寻找在Jade/Pug中显式显示mixin参数的方法。
下面是一些伪代码来说明我的意思:
// Current situation
+c-button('Button label', 'overstated', 'large')
// Here we can see what the mixin expects
+c-button(btnLabel: 'Button label', btnType: 'overstated', btnSize: 'large')
这样,mixin就会公开
我想将数据从api显示到我的pug页面(如显示停车场名称)。
下面的Index.js
var request = require('request');
var express = require('express');
var app = express();
var endpoints = require("./endpoints")
app.set('view engine', 'pug');
app.get('/', function (req, re
我正在尝试使用pug on electron。
我有一个问题,我的第二个.pug文件没有正确呈现,它只是输出pug代码本身。
首先,我有一个由main.js加载的主pug文件
doctype
html(lang='en')
head
meta(charset='utf-8')
title HIMS
body
div(id="app")
script.
require('./index.js')
然后,index.js将只调用login.js
const fs = require(
我在nodejs项目中安装了模块。我正在尝试从导航栏创建一个菜单。
我做了那些文件:
layout.pug:
include /node_modules/pug-bootstrap/_bootstrap.pug
index.pug:
extends layout
block head
+navbar("menu")
+nav_item("#", undefined, true)
string test
block body
h1= title
p Welcome to #{title}
_bootstrap.pug包含引导css文件:
可以不使用节点将数据从.js文件传递到.pug文件吗?我正在使用一个非常基本的设置,在这里我运行并将我的项目与Parcel.js捆绑在一起。我不使用Node.js后端,也不想使用,我只想在app.js-file中获取数据,并使用Pug显示数据。但是,即使是这个设置也没有在页面上显示name-variable:
index.pug
doctype html
html(lang="en")
head
title Homepage
body
p My name is #{name}
script(type="mo