使用gulp-sass进行混合时出现错误

Question

我试图在我的项目中使用gulp-sass，但当我运行gulp任务时，我不断地收到错误：

“错误:未找到或无法读取要导入的文件:指南针/重置”

我的gulp文件目前非常基础：

// Include gulp
var gulp = require('gulp'); 

// Include Our Plugins
var sass = require('gulp-sass')

gulp.task('sass', function() {
    return gulp.src('css/*.scss')
        .pipe(sass({ compass: true}))
        .pipe(gulp.dest('css'));
});

我可以通过在终端中使用‘指南针手表’来编译sass，但我想试着大吃一惊，但我对此感到相当困惑。任何帮助都将不胜感激。

Answer 1

你没有一个“监视”任务集，所以这就是为什么你的gulp文件没有做任何事情，-you没有告诉gulp文件除了在什么上运行sass函数，以及它应该在哪里吐出你的CSS。

你需要设置一个watch函数(所以当文件改变时，会发生一些事情)，然后你想做的任何事情(缩小，扩展，压缩，重新加载你的浏览器)，然后包装你的sass和监视任务，当你从终端运行gulp时，这些任务将在默认函数中被调用。

有很多可用的教程，所以你可以找到一个对你有帮助的。不过，我发现对于您的开发环境来说，gulp真的很挑剔，而且不同的gulp-sass模块的工作方式也不同(例如，gulp-ruby-sass似乎不喜欢globbing，所以有很多问题)

这只是我的gulpfile的一个例子，不过请注意，在我的sass中导入我的variables文件夹时，它当前抛出了错误。

var gulp = require('gulp');
var sass = require('gulp-sass');
var maps = require('gulp-sourcemaps');
var livereload = require('gulp-livereload');
gulp.task('styles', function() {
    gulp.src('postercatalogue/sites/all/themes/postomega/sass/**/*.scss', {style:'expanded'})
    .pipe(sass({sourcemap: true}))
    .pipe(gulp.dest('./css'))
    .pipe(livereload());
    });
gulp.task('watch', function(){
    livereload.listen();
    gulp.watch('sass/**/*.scss',['styles']);
    });    
gulp.task('default',['styles','watch']);