node.js jade 2

解析文件

const jade=require("jade");
var str=jade.renderFile('./view/1.jade',{pretty:true});
console.log(str);

html
    head
    body
        a
            |我是蛇
            |我是鼠
            |我是狗
//|原样解析
html
    head
    body
        div
            |asd546
        script.
            var btn=document.getElementById('btn');
            var btn=document.getElementById('btn');
            var btn=document.getElementById('btn');
            var btn=document.getElementById('btn');
// .原样解析多个

jade引入

html
    head
    body
        script
            include 1.js
  //引入 js

jade引入变量

const jade=require('jade');
var str=jade.renderFile('./view/4.jade',{pretty:true,uname:5,num:5})
console.log(str)

html
    head
    body
        div #{uname+num}
//#{}引入变量

const jade=require('jade');
var str=jade.renderFile('./view/5.jade',{pretty:true,
json:{width:'100px',height:'100px',color:'red'},
arr:['box','left','btn']})
console.log(str)

html
    head
    body
        div(style=json)
        p(class=arr)
//=引入变量

const jade=require('jade');
var str=jade.renderFile('./view/6.jade',{pretty:true,n:5,m:6});
console.log(str);

html
    head
    body
        -var a=1
        -var b=3
        div #{a+b}
        p=n
        span=m
//- js原样输出
// =引入变量

for循环

const jade=require('jade');
var str=jade.renderFile('./view/7.jade',{pretty:true,
arr:['aaa','bbb','ccc']})
console.log(str);

html
    head
    body
        -for(var i=0;i<arr.length;i++)
            div=arr[i]

不原样输出

const jade=require('jade');
var str=jade.renderFile('./view/8.jade',{pretty:true,content:"<h1>生死有命,富贵在天</h1>"});
console.log(str)

html
    head
    body
        p!=content

if判断

const jade=require('jade');
var str=jade.renderFile('./view/9.jade',{pretty:true})
console.log(str)

html
    head
    body
        -var a=17;
        -if(a%2==0)
            div 偶数    
        -else
            div 奇数