Question

如果我使用gulp-ruby-sass编译scss，gulp-autoprefixer可以正常工作，但是如果使用gulp-compass autoprefixer编译de scss并不起作用。这是代码：

gulp        = require('gulp'),
sass        = require('gulp-ruby-sass'),
livereload  = require('gulp-livereload'),
prefix      = require('gulp-autoprefixer'),
compass     = require('gulp-compass');


// Styles .scss files to .css
gulp.task('style', function(){
return sass('src/sass/style.scss', {
    style: 'expanded'
})
.on('error', sass.logError)
.pipe(prefix('last 2 version'))
.pipe(gulp.dest('dist/'))
.pipe(livereload());
});

// Compass to .css
gulp.task('compass', function(){
gulp.src('src/sass/*.sass')
.pipe(compass({
    config_file: './config.rb',
    css: 'dist/',
    sass: 'src/sass',
    style: 'expanded'
}))
.pipe(prefix('last 2 versions'))
.pipe(gulp.dest('dist/'))
.pipe(livereload());
});

// Watch with compass
gulp.task('watch', function(){
livereload.listen();
gulp.watch('src/sass/*.scss', ['compass']);
});

// Watch with ruby-sass
gulp.task('watch2', function(){
livereload.listen();
gulp.watch('src/sass/*.scss', ['style']);
});

观看任务正常， watch2 任务编译scss但不起作用autoprefixer。

Answer 1

这可能不是您问题的直接答案，但您可能会考虑更换＆＃34; gulp-ruby-sass＆＃34;和＆＃34; gulp-compass＆＃34;用＆＃34; gulp-scss＆＃34;包更受欢迎，看看是否可以解决您的问题。

查看我的设置，您可能会喜欢和/或找到一些有用的信息：Reaper

gulp-autoprefixer可以使用gulp-compass吗？

1 个答案: