gulp-ruby-sass产生奇数输出

时间:2014-10-21 07:45:24

标签: ruby sass npm gulp

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

Gulp任务(几乎是npm page上的例子):

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”文件,但它的内容是:

{
"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。

1 个答案:

答案 0 :(得分:0)

感谢Heikki和this SO question指出我正确的方向,现在它完美地运作了。

步骤:

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

  2. 然后我从this list选择了sass版本并运行gem install sass -v 3.3.14

  3. gulp test并检查它给出了正确的输出(约3行css),确实如此。

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