Gulp 没有将文件输出到构建文件夹中的正确文件夹答案

【问题标题】：Gulp is not outputing files to correct folders in build folderGulp 没有将文件输出到构建文件夹中的正确文件夹
【发布时间】：2015-11-11 03:45:54
【问题描述】：

在我的项目中，src 文件夹中的目录结构如下所示：

|-/css/
|-/templates/
|------------template1.html
|-index.html

我要做的是能够处理根目录下的index.html文件，同时处理templates文件夹下的所有html文件。

我的 gulp 文件中的内容是这样的：

gulp.src(["src/*.html", "src/templates/**/*"])
.pipe(gulp.dest("build/"));

但是，当我运行任务时，模板文件夹中的文件最终也会与 index.html 一起直接写入构建文件夹，构建文件夹中不会创建模板文件夹：

|-/css/
|-template1.html
|-index.html

当我使用它作为对 gulp.src 的调用时：

gulp.src("src/**/*.html")

我确实得到了我想要的，并且在 build 文件夹中创建了模板文件夹，但我不确定这是否是正确执行此操作的方法，也许它的性能较低，并且它将包含 src 目录中的每个 html 文件不只是在模板下。

【问题讨论】：

【解决方案1】：

如果我理解正确，问题是当你给 gulp.src 一个数组时，gulp 不知道“base”文件夹在哪里。

尝试执行以下操作：

gulp.src(["src/*.html", "src/templates/**/*"], {
             base: 'src'
        }).pipe(gulp.dest("build/"));

这样，gulp 知道哪个文件夹是您的基本文件夹，并且会首先从 'src' 复制文件夹结构。之后，gulp 会将文件复制到正确的位置。

【讨论】：