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文件而不是仅在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文件所在的路径结构？

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 - 删除文件路径

1 个答案: