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安裝;但是因爲我還沒有使用涼亭（對我很恥辱），所以我只用一個全球懷疑副本來進行我的所有項目。