grunt.template

🌙
手机阅读
本文目录结构
axihe

grunt.template

可以手工调用模板函数处理模版字符串。另外,config.get 方法(被很多任务所使用)会自动解析 <% %>类型的模版字符串,此类型的模版字符串是在 Gruntfile 中指的配置数据中定义的。

grunt.template.process

处理一个 Lo-Dash 模版 字符串。template 参数将被递归处理,知道没有任何模版位置。

默认的数据对象是整个配置对象,但是,如果设置了options.data,则使用该对象。默认的模板分隔符是<% %>,但是,如果options.delimiters被设置为自定义的形式(通过 grunt.template.addDelimiters 进行设置),那么后续就会使用此模板分隔符。

grunt.template.process(template [, options])

在模板内部暴露了grunt对象,因此你可以这样做<%= grunt.template.tody('yyyy') %>注意,如果数据对象已经有了grunt属性,那么在模板内部将无法访问grunt API。

在下面这个案例中,baz 属性被递归处理,直到再也没有多余的 <% %> 模版需要处理。

var obj = {
  foo: 'c',
  bar: 'b<%= foo %>d',
  baz: 'a<%= bar %>e'
};
grunt.template.process('<%= baz %>', {data: obj}) // 'abcde'

grunt.template.setDelimiters

设置Lo-Dash模板的分隔符为预定义的形式,以防需要手动调用grunt.util._.templateconfig分隔符默认是<% %>

你可能永远不会使用这个方法,因为你所使用的 grunt.template.process 在内部使用的就是这个方法。

grunt.template.setDelimiters(name)

grunt.template.addDelimiters

Lo-Dash模板添加一个命名分隔符。你或许不需要使用这个方法,因为内置的分割符应该足以满足需求了,但是你仍可以随时添加{% %} 或者[% %]风格的分隔符。

name 参数应当是唯一的,因为这也是我们通过 grunt.template.setDelimiters 获取分隔符的方式,并且后续作为 grunt.template.process 的一个选项来使用。

grunt.template.addDelimiters(name, opener, closer)

在此实例中,如果我们希望使用 {% %} 形式的分隔符,我们需要如下这样设置:

grunt.template.addDelimiters('myDelimiters', '{%', '%}')

助手函数

grunt.template.date

使用dateformat library格式化一个日期。

grunt.template.date(date, format)

在这个案例中,指定的日期被格式化为 month/day/year。

grunt.template.date(847602000000, 'yyyy-mm-dd') // '1996-11-10'

grunt.template.today

使用 dateformat library格式化当前日期。

grunt.template.today(format)

在这个案例中,当前日期被格式化为 4 位数字表示的年份。

grunt.template.today('yyyy') // '2014'

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang