Gulp-sass - 删除文件路径答案

【问题标题】：Gulp-sass - remove path of fileGulp-sass - 删除文件路径
【发布时间】：2017-08-08 08:50:17
【问题描述】：

我正在使用 gulp-sass 将 scss 编译成 css 并设法让它在一定程度上工作。目前这是我在 gulp 文件中设置的代码：

gulp.task('sass', function () {
  gulp.src('./popup/**/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./build/css'))
});

我遇到的唯一问题是当它编译成 css 文件而不是仅仅在 dest ./build/css 中创建一个 index.css 文件时，它会附加一个完整的文件夹树，以反映文件所在的树。因此，例如，如果我的一个文件位于 app\src\scripts\components\app\new-ticket\css 中，那么构建文件夹中的文件将与最后一个文件夹中的文件相同：\src\scripts\components\app\new-ticket\css。

是否有设置或方法可以删除 gulp-sass 中的路径，所以我只剩下 build/css/index.css 但保持 .scss 文件所在的相同路径结构？

【问题讨论】：

你要找的是concat，这里有一个链接stackoverflow.com/questions/26273358/…
如果你想用那个病号来回答这个问题，那就把它标记为正确！
当然。刚刚添加为答案。

标签： javascript gulp gulp-sass

【解决方案1】：

使用另一个pipe 来添加concat。此函数采用目标文件名生成一个 css（或）js 文件。
这是代码：

gulp.task('sass', function () {
  gulp.src('./popup/**/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(concat('index.css'))
    .pipe(gulp.dest('./build/css'))
});

【讨论】：