@sincopa

Compass + autoprefix gulp — Почему не стравит префиксы?

var gulp         = require('gulp'), // Сам Gulp
	compass      = require('gulp-compass'), // Compass для Sass
	autoprefixer = require('gulp-autoprefixer'), // Добавление вендорных префиксов в CSS

gulp.task('style', function() {
	return gulp.src('/scss/style.scss') //путь до главного стиля sass/scss
	.pipe(compass({ //используем sass + compass
		config_file: 'config.rb', //путь файла настроек
		css: 'css', //путь куда сохранить файл
		sass: 'scss', //путь где находятся стили sass/scss
    	require: ['susy'] //добавляем susy в sass/scss
	}))
    .pipe(autoprefixer({
		browsers: [
			'last 20 versions',
			'> 5%'
		],
		cascade: false
    }))
    .pipe(gulp.dest('css'));
});

gulp.task('default', ['style']);


Стили собираются нормально, но вот к примеру на тег transition: all .15s ease-out; не ставятся префиксы. В чем проблема? Куча подобных тем, но так мне ничего и не помогло.
  • Вопрос задан
  • 150 просмотров
Решения вопроса 1
@sincopa Автор вопроса
gulp.task('styles', function() {
	return gulp.src(['./scss/style.scss'])
	.pipe(compass({
		sass     : './scss/',
		css      : './save/css/',
		logging  : false,
		comments : false,
		style    : 'expanded',
		require  : ['susy']
	}))
	.pipe(autoprefixer('last 20 version'))
	.pipe(gulp.dest('./save/css/'));
});

Вот так работает
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
zooks
@zooks
Frontend
Рабочий вариант:
.pipe(autoprefixer({browsers: ['last 2 versions']}))
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы