gulp-sass可以解决load_path支持吗?

时间:2015-08-28 07:01:17

标签: css import sass gulp-sass load-path

问题: 我使用gulp-sass并且想要定义一个load_path,这样我就不必拥有真正长的@import规则,例如bower bower依赖性。

@import "normalize"

而不是

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

使用gulp-sass使用LibSass引擎处理sass文件时,实现此目的的最佳方法是什么?

1 个答案:

答案 0 :(得分:25)

在与自己斗争之后,我找到了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'));
});