扫一扫分享
模板引擎是一种将静态部分代码与动态部分数据结合的一种机制或者技术,Pug 是 Jade 更名后的项目名,与 jade 使用一致
特点:使用缩进排列的方式解决嵌套,而不是使用成对的标签
npm install jade -g
//或者
yarn global add jade
# 普通编译,会在同目录下生成编译后的 test.html 文件
jade test.jade
# --pretty | -P (大写) 美化输出的 html 使之带有缩进等
jade -P test.jade
# --out | -o <dir> 将编译后的 html 输出到指定文件夹
jade -P test.jade --out ./output
# --obj | -O <path|str> 向 jade 模板中传递变量,需要传递一个 json 或者一个 json 文件的路径
jade -P --obj '{testName: "this is tetsName"}' test.jade
jade -P -O ./config.json test.jade
# --watch | -w 监听文件变化,自动重新编译
jade -P -w test.jade
手机预览