用Yeoman/Grunt爲模板設置Jade的正確方法

我很難在我的項目中獲得佈局和偏好，並且我很想知道設置這個的正確方法是什麼。用Yeoman/Grunt爲模板設置Jade的正確方法

我使用咕嚕-cotrib玉

我的文件結構是這樣的：

app 
    |_jade 
    |  |_layouts 
    |  |  |_ _default_layout.jade 
    |  |  |_ _layout.jade 
    |  | 
    |  |_partials 
    |  |  |_ _html-head.jade 
    |  |  |_ _head.jade 
    |  |  |_ _foot.jade 
    |  | 
    |  |_Page-1 
    |  |  |_index.jade 
    |  |  |_partials 
    |  | 
    |  |_Page-2 
    |  |  |_partials 
    |  |  |_index.jade 
    |  | 
    |  |_index.jade 
    | 
    |_sass 
    |_scripts 
    |_images 
    |_bower_components

到目前爲止，我已經得到了咕嚕編譯一切，除了利用佈局和泛音是行不通的。當我在_head.jade或_foot.jade中有腳本等，然後在page-1/index.jade上使用extends ../layouts/_default_layout調用佈局時，我遇到了問題。該_default_layout.jade看起來是這樣的：

!!! 5 
//if lt IE 7 
    html.no-js.lt-ie9.lt-ie8.lt-ie7 
//if IE 7 
    html.no-js.lt-ie9.lt-ie8 
//if IE 8 
    html.no-js.lt-ie9 
// [if gt IE 8] <! 
html.no-js 
    // <![endif] 

    include ../partials/_html-head 

    body(class=page) 
    include ../partials/_head 
    block content 
    include ../partials/_foot

最後，我已經把我的Gruntfile.js在這裏http://jsfiddle.net/daimz/G7vYP/1/

如果任何人有關於如何構建和設置此的任何意見正確，我會，因爲我真的很感激真的想能夠理解這一切如何運作。

來源

2013-12-10 Daimz

你叫由header和footer但你的文件被命名爲head.jade和foot.jade他們必須匹配

來源

2013-12-10 08:06:00 pfried

我創建這個問題時，做了一個錯字的包括。對此感到抱歉。實際上他們使用的是同一個名字。基本上最大的問題是我可以看到正在包含的內容，但是那些包含的所有腳本和樣式都不匹配。 main.css應該在localhost：8000/css/main.css中，但是當我檢查console時，它正在localhost：8000/page-1/css/main.css中查找，所以這就是爲什麼我認爲我做錯了因爲我不認爲部分和佈局應該像這樣工作。 – Daimz

用Yeoman/Grunt爲模板設置Jade的正確方法

回答

相關問題