Jade既然是模板引擎瓣距,頁面中有公用的部分肯定是要封裝成一個模板,在其他頁面需要使用的時候直接調(diào)用就好代咸。調(diào)用的時候有兩種方法:
一 ? ?使用include引入模板蹈丸,模板中的css,js可以正常加載呐芥,但是如果想在當前頁面再引入css,js文件頁面就會報錯逻杖,目前還不知道怎么解決
? ? demo01.jade
? head.jade
footer.jade
demo01.jade生成的html
二是用extends引入模板
? index頁面
? ? ? page6.jade
下面是生成的html頁面
這樣引入既可以把相同的css和js寫到一個模板里面多次使用,同時也可以在引用模板的index.jade頁面再引入單個的css和js思瘟,并可以直接寫內(nèi)部樣式和js邏輯荸百。值得注意的是,模板page06.jade中引入的js要放到block append scripts上面滨攻,如果放到下面渲染出來的頁面公用js會在又引入的js文件下面(就會出現(xiàn)你雖然引入jquery了够话,但是你index.jade模板中使用$依然報錯)。
另外铡买,index.jade頁面的block append scripts(這個scripts是個名字更鲁,隨便命名),是模板中引入的js放到index.jade頁面引入js的前面奇钞,還有一種block prepend scripts的寫法澡为,模板中引入的js放到index.jade頁面引入的js后面(不推薦使用)。
溫馨提示:jade語法對縮進要求非常嚴格景埃,所以父級和子級的縮進是兩個字符媒至,縮進有問題會報錯吆