pug模版学习（二）

pug.compile(source, ?options)

返回一个编译函数，可把数据传入

const pug = require("pug")

var fn = pug.compile("p this is context")
console.log(fn())

var fn2 = pug.compile("p this is #{name}")
console.log(fn2({name: "pug"}))

编译结果：

<p>this is context</p>
<p>this is pug</p>

pug.compileFile(path, ?options)

同上，不过传入的是文件

// temp.pug
p #{name}'s pug code!

const pug = require("pug")
var fn = pug.compileFile("temp.pug")
var html = fn({
  name: "Tom"
})
console.log(html)

编译结果：

<p>Tom's pug code!</p>

pug.render(source, ?options, ?callback)

返回html字符串，这个回调是同步的

var html = pug.render("p.foo bar")
console.log(html)

var html2 = pug.render("p.bar My name is #{name}", {name: "Tom"})
console.log(html2)

编译结果：

<p class="foo">bar</p>

<p class="bar">My name is Tom</p>

pug.renderFile(path, ?options, ?callback)

同上，不过传入的是文件路径

// temp.pug
p #{name}'s pug code!

const pug = require("pug")

var html = pug.renderFile("temp.pug", {name: "Tom"})
console.log(html)

编译结果：

<p>Tom's pug code!</p>