gulp-sass arbeiten für load_path Unterstützung?

Question

Problem: Ich benutze gulp-sass und möchte einen load_path so definieren, dass ich nicht wirklich lange @ import Regeln für bower Abhängigkeiten, z.

@import "normalize" 

statt

@import "../../../../../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/normalize" 

Was ist der beste Weg, dies zu erreichen, wenn ich schluck-sass mit dem dem LibSass Motor sass Dateien zu verarbeiten verwendet?

Answer 1

Nach kämpfen mit diesem selbst fand ich eine Option in schluck-Sass:

sass ({Include-: [‘./bower_components/bootstrap-sass/assets/stylesheets']})

Beispiel:

var gulp = require('gulp'), 
    sass = require('gulp-sass') 
    notify = require("gulp-notify"); 

var config = { 
    sassPath: './resources/sass', // store the sass files I create 
    bowerDir: './bower_components' 
} 

gulp.task('css', function() { 
    return gulp.src(config.sassPath + '/style.scss') 
    .pipe(sass({ 
     outputStyle: 'compressed', 
     includePaths: [ 
      './resources/sass', 
      config.bowerDir + '/bootstrap-sass/assets/stylesheets', 
      config.bowerDir + '/font-awesome/scss'] 
     }) 
     .on("error", notify.onError(function (error) { 
      return "Error: " + error.message; 
     }))) 
    .pipe(gulp.dest('./public/css')); 
});