【问题标题】:Does gulp-autoprefixer work with gulp-compass?gulp-autoprefixer 可以与 gulp-compass 一起使用吗?
【发布时间】:2015-08-28 18:38:14
【问题描述】:

如果我使用 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']);
});

watch 任务有效,watch2 任务编译 scss 但自动前缀不起作用。

【问题讨论】:

  • 你能解决吗?
  • @carlos,是的,会很有趣!我也遇到了同样的问题

标签: gulp compass-sass gulp-ruby-sass gulp-compass


【解决方案1】:

这可能不是您问题的直接答案,但您可以考虑将“gulp-ruby-sass”和“gulp-compass”替换为更受欢迎的“gulp-scss”包,看看是否可以解决你的问题。

看看我的设置,你可能会喜欢它和/或找到一些有用的信息:Reaper

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-03-11
    • 2020-01-28
    • 1970-01-01
    • 2016-12-17
    • 1970-01-01
    • 2016-07-02
    • 1970-01-01
    • 2015-03-20
    相关资源
    最近更新 更多