gulp 任务不输出 css 文件答案

【问题标题】：gulp task doesn't output css filesgulp 任务不输出 css 文件
【发布时间】：2015-04-15 22:59:51
【问题描述】：

伙计们

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

【问题讨论】：

您可能需要将.pipe(rename({suffix: '.min'})) 更改为.pipe(rename({suffix: '.min.css'}))

标签： css sass gulp

【解决方案1】：

好的，似乎问题与行有关

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

应该是这样的

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

如gulp-ruby-sass docs中提到的：

gulp-ruby-sass 还不支持 glob，只支持单个文件或目录。就像萨斯一样。

【讨论】：