grunt.registerTask('htmlpack', function(){
var dir = xxxx//源文件的路径
var destDir = xxxx//要保存的路径
// 读取源文件
fs.readDir(dir, function(filename){
var file = fs.readFile(filename)
var include = file.match(/\<include.+?\/\>/)
// 替换内容
include.forEach(function (item) {
var src = item.replace('<include src=""', '').replace('"/>', '')
var html = fs.readFile(src)
file.replace(item, html)
})；
// 输出文件
fs.writeFile(destDir+filename, file)
})
})
grunt 合并文件之后，在html中的引用目录怎么修改在html中可以采用iframe的方式引入外部html文件。iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。如下这个示例：
<html>
<body>
<iframe src="这里是外部html文件的路径" frameborder="0"></iframe>
</body>
</html>
在iframe中，src属性定义外部html文件的路径。frameborder定义是否有边框，0为无边框。iframe有以下常见属性：
1，align：不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。
2，frameborder：规定是否显示框架周围的边框。,
3，height：规定 iframe 的高度。
4，marginheight：定义 iframe 的顶部和底部的边距。
5，marginwidth：定义 iframe 的左侧和右侧的边距。
6，name：规定 iframe 的名称。,
7，scrolling：规定是否在 iframe 中显示滚动条。
8，width：定义 iframe 的宽度。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）