gulp-sass có hoạt động để hỗ trợ load_path không?

Question

Vấn đề: Tôi đang sử dụng gulp-sass và muốn định nghĩa một load_path để tôi không phải có các quy tắc @import thực sự dài để phụ thuộc vào bower ví dụ:

@import "normalize" 

thay vì

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

gì là cách tốt nhất để tôi đạt được điều này khi sử dụng ngụm-sass trong đó sử dụng động cơ LibSass để xử lý các file sass?

Answer 1

Sau khi đấu tranh với bản thân mình Tôi tìm thấy một tùy chọn trong ngụm-sass:

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

Ví dụ:

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