使用Gulp和Sass的背景图象

时间:2015-05-31 22:38:38

标签: gulp gulp-sass

我搜索并找到了这些Background images path in Sass and CompassMultiple Background Images using Sass / CompassSass 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中设置背景图像,我将非常感激。

0 个答案:

没有答案