Gulp-sass

Question

我正在使用 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 文件而不是仅仅在目标中创建一个 index.css 文件时。/build/css 它附加了一整棵镜像文件夹树文件来自的树。因此，例如，如果我的一个文件位于 app\src\scripts\components\app\new-ticket\css 中，那么在构建文件夹中将是同一棵树：\src\scripts\components\app\new-ticket\css 与最后一个文件夹中的文件。

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

Answer 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'))
});

Gulp-sass - 删除文件路径

Gulp-sass - remove path of file

javascript

gulp