jade include

jade的include关键字，允许你在一个文件中引入（包含）另一个文件的内容。include的使用存在两种情况，

一种是直接引入静态文本（被引入的文件不是".jade"后缀）：

文件A.txt:

<button type="button" class="btn btn-default">首页</button>

在文件B.jade中引入A.txt（假设A和B在同级目录）:

div(class="btn-group")include A.txt

这样A中文文本将被直接引入到B中。

另一种是引入另一个jade文件，如A.jade，这样A中的内容会先被编译成html文件，再引入编译后的html文本，

这种情况下，就要注意代码的布局了，尤其两个文件各自的缩进处理，会影响编译后的html代码格式，甚至报错。

如A.jade中的代码：

doctype html
htmlheadlink(rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css")

B.jade中的代码：

include Abodydiv(class="container")

这样编译完后，body标签将被包含进head标签里，导致html格式错误。如果把B.jade的内容改成：

include A
bodydiv(class="container")

又将导致body标签和html标签同级。这里只是一个极端的例子。

这种布局相关的，最好好事用jade的继承机制block和extends来处理，不要用include。

jade include使用笔记相关推荐

php配合jade使用,前端自动化系列(四)之jade预编译html
刚开始写这篇文章的时候: 其实我是拒绝的: 因为在前端自动化系列(二)之less.scss.sass.stylus css预处理器中: 我已经表明了我的态度: 我是不喜欢那种靠缩进来体现等级层次感 ...
jade学习系列之一
做服务发现还是服务组合,目前用agent还是很火的.好些日子之前把agent下载了,今天开始对它的研究.刚开始在网上找了些资料,开始. http://jade.tilab.com/jade是基于jav ...
spring.profiles.include 跟 spring.profiles.active 的区别
spring.profiles.include 跟 spring.profiles.active 的区别背景我们经常看到springboot的 spring.profiles.active,有时也 ...
linux文件一列加1,Linux命令（1）-创建文件
版本:centos7 1.可以使用cat创建一个新的文件命令:cat>>filename 使用cat创建文件时,以系统默认的文件属性作为新文件的属性,并接受键盘输入作为文件的内容.输入结 ...
linux tmp 不自动清理,Linux tmp目录自动清理总结
在Linux系统中/tmp文件夹下的文件是会被清理.删除的,文件清理的规则是如何设定的呢? 以Redhat为例,这个主要是因为作业里面会调用tmpwatch命令删除那些一段时间没有访问的文件. 那么什 ...
模板引擎——Jade学习笔记
目录一.Jade基础语法知识 1.文档声明和头尾标签 2.实现命令行实时编译 3.标签语法 4.属性文本和值 5.混合的成段文本和标签 6.注释与条件注释 7.变量声明和数据传递 8.安全转义与非转 ...
Pro Android学习笔记（二九）：用户界面和控制（17）：include和merge
xml控件代码重用:include 如果我们定义一个控件,需要在不同的layout中重复使用,或者在同一个layout中重复使用,可以采用include的方式.例如定义my_button.xml如下 ...
【转】 Pro Android学习笔记（二九）：用户界面和控制（17）：include和merge
目录(?)[-] xml控件代码重用include xml控件代码重用merge 横屏和竖屏landsacpe portrait xml控件代码重用:include 如果我们定义一个控件,需要在不同的 ...
C++ 笔记（32）— 预处理、文件包含include、宏替换define、条件包含ifndef、define
C/C++预处理器在源代码编译之前对其进行一些文本性质的操作. 它的主要任务包括删除注释 . 插入 #include 指令包含的文件的内容 . 定义和替换由 #defme 指令定义的符号以及确定代码的 ...

jade include使用笔记

jade include

jade include使用笔记相关推荐

最新文章

热门文章