首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何将文件的内容插入到我的index.html中?

如何将文件的内容插入到我的index.html中?
EN

Stack Overflow用户
提问于 2016-05-05 21:31:38
回答 1查看 4.5K关注 0票数 3

以下是我迄今尝试过的:

代码语言:javascript
复制
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('./'));
    });
});

下面是所发生的事情:

在此之前:

代码语言:javascript
复制
<body>
    abcd
    <!-- inject:base3:html -->
    <!-- endinject -->
    efgh

之后:

代码语言:javascript
复制
<body>
    abcd
<!-- inject:base3:html -->
<link rel="import" href="/index/base3.html">
<!-- endinject -->
    efgh

我希望看到的是文件的实际内容,而不是行:

代码语言:javascript
复制
<link rel="import" href="/index/base3.html">

有人能告诉我,我是否可以用gulp-inject来“插入文件的内容”,或者我是否应该使用其他的东西。注意,在过去,我尝试使用gulp-mustache,但在插入字符(65279)时出现了问题。我猜想这与以下问题有关,但我从来没有办法让胡子为我工作:

如何避免在php中回显字符65279?(这个问题也与Javascript xmlhttp.responseText (Ajax)有关)

我希望有人能给我一些建议,要么用gulp-inject,要么用gulp-mustache,或者用任何其他方式将文件的内容插入到另一个文件中。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-05-06 07:28:09

使用自定义变换函数注入文件的内容:

代码语言:javascript
复制
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('./'));
  });
});
票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37060623

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档