我很难让布局和部分在我的项目中发挥良好作用,我想知道设置它的正确方法是什么。
我正在使用 grunt-cotrib-jade
我的文件结构是这样的:
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/
如果有人对如何正确构建和设置它有任何建议,我将非常感激,因为我真的希望能够理解这一切是如何工作的。
最佳答案
您通过 header
和 footer
调用了包含,但您的文件名为 head.jade
和 foot.jade
它们必须匹配
关于node.js - 使用 Yeoman/Grunt 设置 Jade 进行模板化的正确方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20487689/