[js高手之路]Node.js模板引擎教程-jade速学与实战4-模板引用,继承,插件使用

一致、block 模块复用

将用复用的模块用block定义

图片 1

block前边与达到模块的讳,引用三次block 内容就是碰面叫复用一不良

编译之后的结果:

图片 2

第二,继承模板(extends)

 在骨子里支付被,网站的满头,尾部一般都是公用的,我们得透过jade的沙盘继承(
extends ) 效率,把公共部分虚幻出,然后为不同之页面继承这多少个公共部分,
而且继承过来下还得重写

新建一个layout.jade模板

图片 3

立马是一个国有的沙盘,倘诺我们的首页需要这多少个公共模板,同时首页需要改者集体模板的布局有(
block container ),那么大家得以这样做

index.jade(首页模板)

图片 4

extends就是继承layout模板,layout模板遵照实际路径而扭转,我此index.jade跟layout.jade是同级,然后在index.jade模板被,我还写了block
container模块,编译index.jade之后的结果是:

图片 5

自打上图可知,布局在index.jade中吃再写了,这样的模板复用就十分灵活了

其三、包含模板(include)

 上例,把layout.jade的head部分单独出来,放在header.jade中

图片 6

然后在layout.jade中用include引入

图片 7

编译index.jade之后的效用;

图片 8

四、jade Api方法

 compile用法:

图片 9

render用法:

图片 10

renderFile,这就是是渲染文件之中的模板代码

index2.jade

图片 11

server.js

图片 12

五、在jade中接纳插件

假定less插件,需要安装

cnpm install jstransformer-less less
-g

图片 13