gulp sass 未写入目标目录

Question

我已经开始使用 gulp-sass 5。 它的行为似乎与 gulp-sass 4 不同，需要不同的配置。

我已经设法弄清楚如何让它读取 scss 文件。 但我不知道如何让它写出来。

使用以下配置，不会将文件写入“./css”目录。

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

如何让 sass 真正编写文件？

Answer 1

你应该定义一个task 来编译sass files 看这里 ：Gulp Sass

gulpfile.js

const gulp = require('gulp');
const sass = require('gulp-sass');
const del = require('del');

gulp.task('styles', () => {
    return gulp.src('sass/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('./css/'));
});

gulp.task('clean', () => {
    return del([
        'css/main.css',
    ]);
});

gulp.task('default', gulp.series(['clean', 'styles']));