gulp-ruby-sass产生奇数输出

gulp-ruby-sass producing odd output

我是gulp的新手,正在测试gulp-ruby-sass,输出文件不包含CSS,但看起来像debug输出。

Gulp任务(几乎在npm页面上的示例):

1
2
3
4
5
6
7
8
9
gulp.task('test', function() {

    return gulp.src('./public/scss/admin/test.scss')
        .pipe(sass({sourcemap: false, loadPath: ['../common']}))
        .pipe(rename('test-scss-gulp.css'))
        .on('error', function (err) { console.log(err.message); })
        .pipe(gulp.dest(paths.dist.css +'/admin'));

});

我没有收到任何错误,并且生成了" public / css / admin / test-scss-gulp.css"文件,但其内容为:

1
2
3
4
5
6
7
{
"version": 3,
"mappings":";AAMA,MACA;EACI,MAAM,EAAE,KAAK;EAEb,UACA;IACI,SAAS,EAAE,IAAI",
"sources": ["../test.scss"],
"names": [],
"file":"test.css"
}

知道发生了什么吗? 我其他的非scss gulp任务也可以正常工作。

我正在使用Sass 3.4.6和ruby 1.9.3p194。


感谢Heikki和这个SO问题,为我指出了正确的方向,它现在运行良好。

脚步:

  • gem uninstall sass
    当提示您删除可执行文件时,我说是。

  • 然后,我从该列表中选择了一个sass版本并运行gem install sass -v 3.3.14

  • gulp test并检查它是否给出了正确的输出(大约3行css),就可以了。

  • 您可能需要sudo,具体取决于您的登录方式。