css - gulp 任务不输出 css 文件

Question

伙计们

我是 gulp 的新手，所以请帮忙。无法理解为什么下面的代码执行没有错误，但不输出 css 文件。

var gulp = require('gulp'),
    sass = require('gulp-ruby-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    minifycss = require('gulp-minify-css'),
    rename = require('gulp-rename');

gulp.task('styles', function() {
  return sass('sass/*.scss', { style: 'expanded' })
    .on('error', function (err) {
      console.error('Error!', err.message);
    })
    .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1'))
    .pipe(gulp.dest('css'))
    .pipe(rename({suffix: '.min'}))
    .pipe(minifycss())
    .pipe(gulp.dest('css'));
});

Answer 1

好的，看来问题与线路有关

return sass('sass/*.scss', { style: 'expanded' })

应该是这样的

return sass('sass', { style: 'expanded' })

如 gulp-ruby-sass docs 中所述:

gulp-ruby-sass doesn't support globs yet, only single files or directories. Just like Sass.