gulp不编译sass文件

Question

实际上，我正试图构建一个计划来做与web相关的事情，比如编译sass、minify css、uglify javascript等等。但我真的和sass有麻烦了。

下面是我的代码示例：

gulp.task('compile-sass', function() {
    gulp.src(buildType+config.path.sass+"/main.sass")
        .pipe(compass({
            css: 'css',
            sass: 'sass'
        }))
    .pipe(gulp.dest(buildType+config.path.css+"/test"));
});

所以我在这里使用指南针，因为我只有*.sass文件，没有.scss，所以gulp对我不起作用。因此，我想问的是，是否有人能给我一个提示，为什么这个任务不能工作。下面是我的控制台返回的内容：

[gulp] Starting 'compile-sass'...
[gulp] Finished 'compile-sass' after 6.11 ms
[gulp] You must compile individual stylesheets from the project directory.


events.js:72
    throw er; // Unhandled 'error' event
          ^
[gulp] Error in plugin 'gulp-compass': Compass failed
at Transform.<anonymous> (/Users/myusername/node_modules/gulp-compass/index.js:37:28)
at ChildProcess.<anonymous> (/Users/myusername/node_modules/gulp-compass/lib/compass.js:136:7)
at ChildProcess.EventEmitter.emit (events.js:98:17)
at maybeClose (child_process.js:753:16)
at Socket.<anonymous> (child_process.js:966:11)
at Socket.EventEmitter.emit (events.js:95:17)
at Pipe.close (net.js:465:12)

我知道我没有使用任何config.rb，但是有两件事：( 1)我没有找到这样的文件的例子2)吞咽罗盘文档给出了没有这样一个文件的例子，所以我假设它是可选的。

提前谢谢。

Answer 1

多亏了SteveLacy，我才能解决这个问题。

如果您只有.sass文件，而没有.scss，则需要使用而不是或gulp。下面是我的工作代码示例：

var sass = require('gulp-ruby-sass');

gulp.task('compile-sass', function() {
    gulp.src(path/to/your/sass/folder/main.sass")
        .pipe(sass())
    .pipe(gulp.dest('path/to/your/css/folder));
});

Answer 2

最基本和最简单的方法是：

var sass = require('gulp-ruby-sass');

gulp.task('styles', function() {
    gulp.src('sass/*.scss')
    .pipe(sass({ 
        noCache : true,
        style   : "compact"
    }))
    .pipe(gulp.dest('css'));
});

Answer 3

supports使用的节点sass的最新版本支持sass和scss语法.

https://github.com/sass/node-sass/releases

或者是目前最新发布的

https://github.com/sass/node-sass/releases/tag/v0.9.3

节点-sass正在使用libsasss。

https://github.com/sass/libsass/releases

看看他们的2.0版本说明。