Javascript 如何在Gulp中将文件和管道包装到同一目录中的新文件

我正试图在Gulp中创建一个可以

在每个文件夹中获取HTML文件

用其他一些HTML包装HTML文件

创建一个名为

wrapped.html的新文件

把那个文件放在那个文件夹里 为了包装，我将使用和尝试重命名文件，我使用

预期成果： 以page1/page.html为例：

<h1>This is page 1 content</h1>

运行Gulp任务将变成

page1/
    page.html
    wrapped.html
page2/
    page.html
    wrapped.html

使用page1/wrapped.html现在看起来像：

<header></header>
<h1>This is page 1 content</h1>
<footer></footer>

这将把它放在其来源的文件夹中，但只覆盖现有文件

---

---

我不确定如何达到我的验收标准。感谢您的帮助。谢谢。

您需要使用

basename

选项来

gulp rename

。从：

basename

是不带扩展名的文件名

这将有助于：

gulp.task('layout', function() {
  return gulp.src('src/**/page.html', { base: "./" })
   .pipe(wrapper({
     header: '<header></header>',
     footer: '<footer></footer>'
   }))
  .pipe(rename({basename: "test"}))
  .pipe(gulp.dest('.'));
});

gulp.task（'layout'，function（））{
返回gulp.src（'src/**/page.html'，{base:'./'}）
.管道（包装）({
标题：“”，
页脚：“”
}))
.pipe（重命名（{basename:“test”}））
.pipe（吞咽目标（'.'）；
});

您需要使用

basename

选项进行

gulp rename

。从：

basename

是不带扩展名的文件名

这将有助于：

gulp.task('layout', function() {
  return gulp.src('src/**/page.html', { base: "./" })
   .pipe(wrapper({
     header: '<header></header>',
     footer: '<footer></footer>'
   }))
  .pipe(rename({basename: "test"}))
  .pipe(gulp.dest('.'));
});

gulp.task（'layout'，function（））{
返回gulp.src（'src/**/page.html'，{base:'./'}）
.管道（包装）({
标题：“”，
页脚：“”
}))
.pipe（重命名（{basename:“test”}））
.pipe（吞咽目标（'.'）；
});

gulp.task('layout', function() {
    return gulp.src('src/**/page.html', { base: "./" })
    .pipe(wrapper({
       header: '<header></header',
       footer: '<footer></footer>'
    }))
    .pipe(gulp.dest('.'));
});

gulp.task('layout', function() {
  return gulp.src('src/**/page.html', { base: "./" })
   .pipe(wrapper({
     header: '<header></header>',
     footer: '<footer></footer>'
   }))
  .pipe(rename({basename: "test"}))
  .pipe(gulp.dest('.'));
});