我搜索并找到了这些Background images path in Sass and Compass, Multiple Background Images using Sass / Compass, Sass background images
因为我是Gulp的新手,所以请耐心等待。我没有单独的config.rb文件,我在gulpfile.js中设置了所有内容。这就是我所拥有的
compass = require('gulp-compass');
gulp.task('compass', function(){
gulp.src(sassSources)
.pipe(compass({ // loading config without config.rb
sass: '1_components/sass',
style: 'expanded',
image: '2_builds/development/images'
}))
.on('error', gutil.log)
.pipe(gulp.dest('2_builds/development/css'))
.pipe(connect.reload())
});
gulp.task('watch', function(){
gulp.watch(jsSources, ['js']);
gulp.watch('1_components/sass/*.scss', ['compass']);
gulp.watch(htmlSources, ['html']);
});
在我输入
时的Sass文件中#section0, #emptyAttach {
@include background (linear-gradient(center left, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), image-url('second.png'));
}
它没有从给定目录中选择图像。如果有人能够给我一个完整的解释如何使用Sass在Gulp中设置背景图像,我将非常感激。