pug 注释

带输出的注释
// 一些内容
p foo
p bar

编译:
<!-- 一些内容-->
<p>foo</p>
<p>bar</p>

不带输出的注释
//- 这行不会出现在结果里
p foo
p bar

编译:
<p>foo</p>
<p>bar</p>


块注释
body
  //-
    给模板写的注释
    随便写多少字
    都没关系。
  //
    给生成的 HTML 写的注释
    随便写多少字
    都没关系。

编译:
<body>
  <!--给生成的 HTML 写的注释
随便写多少字
都没关系。-->
</body>

 

pug 条件

- var user = { description: 'foo bar baz' }
- var authorised = false
#user
  if user.description
    h2.green 描述
    p.description= user.description
  else if authorised
    h2.blue 描述
    p.description.
      用户没有添加描述。
      不写点什么吗……
  else
    h2.red 描述
    p.description 用户没有描述

编译:
<div id="user">
  <h2 class="green">描述</h2>
  <p class="description">foo bar baz</p>
</div>

注:
unless user.isAnonymous
等价
if !user.isAnonymous

 

pug 包含

说明:包含(include)功能允许您把另外的文件内容插入进来。

doctype html
html
  include includes/head.pug
  body
    h1 我的网站
    p 欢迎来到我这简陋得不能再简陋的网站。
    include includes/foot.pug
    script
      include script.js

 

相关文章:

  • 2021-10-25
  • 2021-10-05
  • 2022-12-23
  • 2021-11-21
  • 2021-11-21
  • 2021-12-19
  • 2022-02-28
猜你喜欢
  • 2022-01-13
  • 2021-11-21
  • 2022-01-16
  • 2022-12-23
  • 2021-12-16
  • 2022-02-27
相关资源
相似解决方案