Javascript 如何使用gulp inject在我的index.html中插入文件内容?
以下是我迄今为止所尝试的:Javascript 如何使用gulp inject在我的index.html中插入文件内容?,javascript,node.js,gulp,gulp-inject,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:h
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('./'));
});
});
gulp.task('watch-index-html',function(){
gulp.watch(文件、函数(文件){
return gulp.src('index/index.html')
.pipe(inject(gulp.src(['index/base3.html']){
开始标记:“”
}))
.pipe(打印)(函数(文件){
返回“处理”+文件;
}))
.喉管("./");;
});
});
发生的事情如下:
之前:
<body>
abcd
<!-- inject:base3:html -->
<!-- endinject -->
efgh
abcd
efgh
之后:
<body>
abcd
<!-- inject:base3:html -->
<link rel="import" href="/index/base3.html">
<!-- endinject -->
efgh
abcd
efgh
我希望看到的是文件的实际内容,而不是行:
<link rel="import" href="/index/base3.html">
有谁能告诉我,我是否可以用gulpinject
来“插入文件内容”,或者我是否应该使用其他东西。注意:过去我尝试过使用大胡子
,但在插入字符(65279)时遇到了问题。我想这与下面的问题有关,但我始终无法让胡子为我工作:
我希望有人能用gulp inject
或gulp mustache
或任何其他方法给我一些建议,将文件内容插入另一个文件。使用a插入文件内容:
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('./'));
});
});
gulp.task('watch-index-html',function(){
gulp.watch(文件、函数(文件){
return gulp.src('index/index.html')
.pipe(inject(gulp.src(['index/base3.html']){
开始标记:“”,
转换:函数(文件路径、文件){
返回file.contents.toString();
}
}))
.pipe(打印)(函数(文件){
返回“处理”+文件;
}))
.喉管("./");;
});
});