gulp-sass funziona per il supporto load_path?

Question

Problema: Sto usando gulp-sass e vorrei definire un percorso di caricamento in modo che non debba avere regole @import veramente lunghe per le dipendenze di bower, ad es.

@import "normalize" 

invece di

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

Qual è il modo migliore per raggiungere questo obiettivo i quando si utilizza gulp-Sass, che utilizza il motore LibSass per elaborare i file Sass?

Answer 1

Dopo aver lottato con questo mi sono trovato un'opzione in sorso-sass:

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

Esempio:

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')); 
});