css - load_path サポートのための gulp-sass の回避策は?

Question

問題: 私は gulp-sass を使用しており、load_path を定義したいと考えています。これにより、bower の依存関係のために非常に長い @import ルールを使用する必要がなくなります。

@import "normalize"

それ以外の

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

LibSassエンジンを使用してsassファイルを処理するgulp-sassを使用する場合、これを達成するための最良の方法は何ですか?

Answer 1

自分でこれに苦労した後、 gulp-sass でオプションを見つけました：

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

例：

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