Sam*_*tar 1 javascript node.js gulp gulp-inject
到目前为止，这是我尝试过的：
gulp.task('watch-index-html', function () {
gulp.watch(files, function (file) {
return gulp.src('index/index.html')
.pipe(inject(gulp.src(['index/base3.html']), {
starttag: '<!-- inject:base3:html -->'
}))
.pipe(print(function (file) {
return "Processing " + file;
}))
.pipe(gulp.dest('./'));
});
});
这是发生了什么：
之前：
<body>
abcd
<!-- inject:base3:html -->
<!-- endinject -->
efgh
后：
<body>
abcd
<!-- inject:base3:html -->
<link rel="import" href="/index/base3.html">
<!-- endinject -->
efgh
我期望看到的是文件的实际内容，而不是该行：
<link rel="import" href="/index/base3.html">
谁能告诉我是否可以通过“插入文件内容”来执行此操作，gulp-inject或者是否还有其他应使用的内容。请注意，过去我尝试使用，gulp-mustache但是在插入字符（65279）时遇到了问题。我认为这与以下问题有关，但是我从来没有胡须为我工作：
如何避免在PHP中回显字符65279？（此问题也与Javascript xmlhttp.responseText（ajax）有关）
我希望有人可以给我一些建议，可以使用gulp-inject或或以gulp-mustache其他任何方式将文件内容插入另一个文件。
使用自定义转换函数来注入文件的内容：
gulp.task('watch-index-html', function () {
gulp.watch(files, function (file) {
return gulp.src('index/index.html')
.pipe(inject(gulp.src(['index/base3.html']), {
starttag: '<!-- inject:base3:html -->',
transform: function(filepath, file) {
return file.contents.toString();
}
}))
.pipe(print(function (file) {
return "Processing " + file;
}))
.pipe(gulp.dest('./'));
});
});
| 归档时间： |
|
| 查看次数： |
3065 次 |
| 最近记录： |