2015-08-28 18 views
7

Problem: Używam gulp-sass i chciałbym zdefiniować load_path, tak, że nie muszę mieć naprawdę długich reguł @importu dla zależności od altów.gulp-sass pracuje dla wsparcia load_path?

@import "normalize" 

zamiast

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

Co jest najlepszym sposobem, aby to osiągnąć przy użyciu haustem-Sass, który wykorzystuje silnik LibSass przetwarzać pliki Sass?

+0

Możliwe duplikat: http://stackoverflow.com/questions/24870327/gulp-ruby-sass-unable-to-import-files – cimmanon

+0

To nie jest zduplikowane pytanie, ponieważ w podanym przykładzie programista używa gulp-ruby-sass, który różni się od gulp-sass, ponieważ ten wariant nie używa ruby, ale zamiast tego używa libsass - powtórnej implementacji Sass w C++. – Timidfriendly

+0

Fakt, że język, w którym został napisany kompilator Sass, jest nieistotny, czy to rozwiązanie działa? – cimmanon

Odpowiedz

20

Po zmaga się z tym, że znaleziono opcję łykiem-Sass:

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

przykład:

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')); 
}); 
Powiązane problemy