Libsass与Susy不工作+ Gulp

Question

我毫不怀疑其他人已经得到这个工作......我只是没有完全计算出如何现在。

咕嘟咕嘟

var gulp = require('gulp'); 
var sass = require('gulp-sass'); 
var handleErrors = require('../util/handleErrors'); 
var sourcemaps = require('gulp-sourcemaps'); 
var minifyCSS = require('gulp-minify-css'); 

gulp.task('sass', function() { 
    return gulp.src('./frontend/sass/style.scss') 
     .pipe(sourcemaps.init()) 
     .pipe(sass({ 
      'require':'susy' 
     })) 
     //.pipe(minifyCSS()) 
     .pipe(sourcemaps.write('./app/www/css')) 
     .on('error', handleErrors) 
     .pipe(gulp.dest('./app/www/css')) 
}); 

萨斯

@import "susy"; 

咕嘟咕嘟运行

[23:58:08] Starting 'sass'... 

stream.js:94 
     throw er; // Unhandled stream error in pipe. 
      ^
Error: file to import not found or unreadable: susy 
Current dir: C:/var/www/rnli.hutber.com/frontend/sass/ 

我已经安装了susy@2.2.2沿着侧根gulp文件有以下：gem install susy

当前工作设置与一饮而尽，红宝石萨斯

我做不过有工作，这证实了超对称是通过与已安装的宝石工作下面的代码：

var gulp = require('gulp'); 
var sass = require('gulp-ruby-sass'); 
var handleErrors = require('../util/handleErrors'); 
var minifyCSS = require('gulp-minify-css'); 

gulp.task('sass', function() { 
    return gulp.src('./frontend/sass/style.scss') 
     .pipe(sass({ 
      'sourcemapPath':'./app/www/css', 
      'require':'susy' 
     })) 
     //.pipe(minifyCSS()) 
     .on('error', handleErrors) 
     .pipe(gulp.dest('./')) 
}); 

注意上面的代码将不使用gulp-ruby-sass@1.0.0alpha' It will only work as I can tell with v0.7.1`

工作

的package.json

"devDependencies": { 
    "gulp": "~3.8.10", 
    "gulp-sass": "~1.3.2", 
    "gulp-ruby-sass": "~0.7.1", 
    "gulp-sourcemaps": "~1.3.0", 
    "susy":"~2.2.1" 
    } 

如何获得susy正常工作，并能编译成css？

Answer 1

我已经成功地得到超对称与工作libsass（一饮而尽，SASS）

一饮而尽，萨斯需要知道在哪里可以找到与@import指令指定的文件。你可以尝试在gulp-sass中设置includesPath选项来指向你本地的susy副本。

正如我已经安装了凉亭超对称，我有这样的事情：

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

gulp.task('sass', function() { 
    return gulp.src(config.src) 
    .pipe(sass({ 
     includePaths: [ 
     'bower_components/susy/sass' 
     ] 
    })) 
    ... 
}); 

Answer 2

我有同样的问题，但随着咕噜代替咕嘟咕嘟。

你可以做的是使用susy的完整路径。

首先找出你的宝石安装位置（gem env，并查找GEM PATHS;在我的情况下，他们在/Library/Ruby/Gems/2.0.0）。

，然后在style.scss文件，而不是@import susy你这样做：

@import "/Library/Ruby/Gems/2.0.0/gems/susy-2.2.2/sass/susy"; 

（您超对称的版本替换2.2.2，但如果你要使用libsass你应该使用的东西挺了起来到目前为止;并且当你升级时你将不得不改变那条线......）

不如优雅，但使用libsass支付一小笔费用。

更新：如果你把includePaths: ['/Library/Ruby/Gems/2.0.0/gems/susy-2.2.2/sass']在咕嘟咕嘟的任务，你可以逃脱只是“@import susy;”，虽然你刚移动的untidyness别的地方。

这可能是更好的做法与鲍尔，如在这里的另一个答案中解释，并为该项目本地susy安装;但是因为我还没有使用凉亭（对我很耻辱），所以我只用一个全球怀疑副本来进行我的所有项目。