EJS学习(四)之语法规则下
模版函数
在 EJS 之外,提供了一些额外的模版函数来简化我们的一些工作
GIT:https://github.com/willerce/tmt-ejs-helper
css()方法
快速的引用 CSS 文件,并附上注释线,CSS使用绝对路径,便于下游前端使用。
<head>
<title>页面标题</title>
<%- css("style-workflow.css") %>
</head>
//编译后:----------------------------
<head>
<title>页面标题</title>
<link rel="stylesheet" href="../../dev/css/style-workflow.css"/>
<!--<link rel="stylesheet" href="http://wximg.gtimg.com/tmt/workflow/dist/css/style-workflow.css"/>-->
</head>
js()方法
功能与 css() 一致
img()方法
占位图,可以指定高、宽,以及 className
<%- img(200, 400, 'block__img') %>
//编译后:---------------------------
<img src="http://temp.im/200x400" class="block__img"/>
text()方法
占位文本,生成指定长度的占位图,第二个参数为偏移字数,下面的函数生成的文本长度可能为 7 ~ 13 位
<span><%- text(10, 3) %></span>
//编译后:------------------------
<span>一二三四五六七八九</span>