问题：
我正在使用gulp-sass并且想要定义一个load_path,这样我就不必拥有很长的@import规则,例如bower bower依赖关系,例如
我正在使用gulp-sass并且想要定义一个load_path,这样我就不必拥有很长的@import规则,例如bower bower依赖关系,例如
@import "normalize"
代替
@import "../../../../../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/normalize"
解决方法
在与自己挣扎之后,我找到了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'));
});
