我当前的Grunt实现使用grunt-includes将所有页面包装在页眉/页脚代码中。我正在寻找的是一种向页眉和页脚添加动态位以加载CSS / JS以及向body标签添加类的方法,但是我需要它们基于请求包含的文件的名称。 grunt-includes任务。
如果我可以简单地让grunt-includes将请求文件的名称传递给包含的文件,我可以完成我需要的所有工作。在阅读grunt-includes的文档时,我可以看到{{fileName}}和{{file}}似乎有某种模板,但我似乎无法使这些模板起作用。
只是为了澄清,我正在寻找的是,当通过grunt运行grunt-includes时,如果名为myFile.html
的文件包含行include "global/myHeader.html"
,myFile
或{{1} } {}}被传递到myFile.html
,因为它被连接到global/myHeader.html
。
有人可以指出我在正确的方向吗?我已经把车轮转了两天。
我目前正在使用的包含功能如下:
myFile.html
答案 0 :(得分:0)
模板设置位于files对象的options对象中。这是唯一可以使用{{file}}
和{{fileName}}
的地方。这意味着如果您不想将这些文件“传递”到所请求的文件中,您必须将整个字符串放在模板中(不推荐),或者只将文件名传递给隐藏标记并使用JavaScript来处理任何动态需要的。
我建议使用grunt模板: http://gruntjs.com/api/grunt.template