使用grunt js，如何动态添加<；标题>；静态html文件？
更具体地说，我想通过引用外部JSON文件来添加标题，我们称之为titles.JSON 我使用grunt的目的之一是构建静态HTML文件，用于设计和调试。这将在开发过程中非常有用，不仅对标题，而且可能还有其他数据，例如设置活动导航链接 我目前正在使用此处接受的答案描述的过程连接HTML文件：使用grunt js，如何动态添加<；标题>；静态html文件？,html,json,build-process,concatenation,gruntjs,Html,Json,Build Process,Concatenation,Gruntjs,更具体地说，我想通过引用外部JSON文件来添加标题，我们称之为titles.JSON 我使用grunt的目的之一是构建静态HTML文件，用于设计和调试。这将在开发过程中非常有用，不仅对标题，而且可能还有其他数据，例如设置活动导航链接 我目前正在使用此处接受的答案描述的过程连接HTML文件： 编辑：我现在用于此，创建它是为了使使用模板和外部数据非常容易 以下是我对此的看法。使用grunt的标准模板机制，页面元数据在对象中定义，在实际页面文件之外，正如您所建议的（我不能说我喜欢这个） gruntf
编辑：我现在用于此，创建它是为了使使用模板和外部数据非常容易 以下是我对此的看法。使用grunt的标准模板机制，页面元数据在对象中定义，在实际页面文件之外，正如您所建议的（我不能说我喜欢这个） gruntfile（包括来自的
wrap/*全局模块：false*/
module.exports=函数（grunt）{
//项目配置。
grunt.initConfig({
元：{
版本：“0.1.0”，
横幅：'/*！项目名称-v-'+
“\n”+
'* http://PROJECT_WEBSITE/\不+
"版权(三)"+
“您的名字；许可MIT*/”
},
//路径
项目：{
分部：'资产/分部'，//不放尾部斜杠
页面：'资产/页面'，//不要放尾部斜杠
减：“资产/减”，
css:“资产/css”，
img:“资产/img”，
js:“资产/js”
},
//用于页面标题和导航生成。
//这是一个确保导航正确顺序的阵列
页码：[{
文件：“index.html”，
标题：“我的主页”
/*此格式可以扩展为以下格式：
* {
*标题：“我的主页”，
*标题：“欢迎访问我的网站”，
*导航标题：“家”
* }
*尽管我认为最好让页面元数据尽可能接近内容，
*例如，页面文件的内部（想想Jekyll页面中的YAML标题）
*/
}, {
文件：“about.html”，
标题：“关于我”
}, {
文件：“contact.html”，
标题：“联系人”
}],
//用页眉和页脚包装文件
包裹：{
html:{
标题：'/head.tmpl',，
页脚：'/footer.tmpl'，
src:[
“/index.html”，
“/about.html”，
“/contact.html”
],
dest:'.//destination*directory*，可能比两次指定相同的文件名要好
}
},
//处理页面文件中的模板
构建页面：{
页面：“”，//页面文件元数据
目录：'.'//页面文件位置目录
}
});
//默认任务。
registerTask（'default'，'wrappbuildpages'）；
registerMultiTask（'wrap'，'wrapp使用指定的页眉和页脚包装源文件'，function（）{
var data=此.data，
path=require（'path'），
dest=grunt.template.process（data.dest），
files=grunt.file.expandFiles（this.file.src），
header=grunt.file.read（grunt.template.process（data.header）），
footer=grunt.file.read（grunt.template.process（data.footer）），
sep=grunt.utils.linefeed；
files.forEach（函数（f）{
var p=dest+'/'+path.basename（f），
contents=grunt.file.read（f）；
grunt.file.write（p，页眉+sep+内容+sep+页脚）；
grunt.log.writeln（'File'+p+''created'）；
});
});
registerTask（'buildPages'，'processs templates in page files'，function（））{
//注意：当前实现将替换文件
var data=grunt.config（'buildPages'），
pages=data.pages，
dir=data.dir，
目录
curPath；
pages.forEach（函数（第页）{
curPath=dir+'/'+page.file；
contents=grunt.file.read（curPath）；
//将整个页面数组和当前条目馈送到模板
grunt.file.write（curPath，grunt.template.process（contents{
页数：页数，
第页：第页
}));
grunt.log.writeln（'Page at'+curPath+'“builded.”）；
});
});
};
<!DOCTYPE html>
<html>
<head>
<title><%= curPage.title %></title>
</head>
<body>
<!-- NAV -->
<ul class="nav">
<%
pages.forEach(function(p) {
print(
'<li class="' + ((curPage === p) ? 'active' : '') + '">' +
((curPage === p) ? p.title : ('<a href="' + p.file + '">' + p.title + '</a>')) +
'</li>\n'
);
});
%>
</ul>
<!-- /NAV -->
<!-- MAIN CONTENT -->
<div class="main">
</div>
<!-- /MAIN CONTENT -->
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title><%= curPage.title %></title>
</head>
<body>
<!-- NAV -->
<ul class="nav">
<%
pages.forEach(function(p) {
print(
'<li class="' + ((curPage === p) ? 'active' : '') + '">' +
((curPage === p) ? p.title : ('<a href="' + p.file + '">' + p.title + '</a>')) +
'</li>\n'
);
});
%>
</ul>
<!-- /NAV -->
<!-- MAIN CONTENT -->
<div class="main">
</div>
<!-- /MAIN CONTENT -->
</body>
</html>