在include node.js jade中使用block

时间:2012-11-16 13:09:12

标签: node.js include pug

我正在尝试在include中使用块:

例如: layout.jade

!!!5
html
    head
    body
        include header
        #footer footer
        block javascript
            script('src'= 'jquery.js')

header.jade

h1 header
append javascript
    script
        console.log('Hi, I'm header')

我有:

<h1>header</h1>
<script>console.log('Hi, I'm header')</script>
<div id="footer" >footer</div>
<script src="jquery.js" ></script>

我会:

<h1>header</h1>
<div id="footer" >footer</div>
<script src="jquery.js" ></script>
<script>console.log('Hi, I'm header')</script>

谢谢:)

1 个答案:

答案 0 :(得分:4)

据我所知,

块与包含的文件无法正常工作。块使用extends功能。因此,您可以修改代码以将javascript包含为include,或修改代码以使用extend

这是使用extend

看起来的样子

layout.jade

!!!
html
  head
  body
    block header
      h1 header

    block footer
      #footer footer

    block javascript
      script('src'= 'jquery.js')

index.jade

extends layout

append javascript
  script
    console.log('hi');