Как сделать поддержку нескольких браузеров? У меня только -webkit- получилось сделать,, как быть с ие, мозиллой??

Question

[Nastyuuuushka]

var gulp = require('gulp'),
    concatCSS = require('gulp-concat-css'),
    rename = require('gulp-rename'),
    prefix = require('gulp-autoprefixer'),
    minifyCSS = require('gulp-minify-css');

gulp.task('default', function() {
    gulp.src('stylus/*.css')
        .pipe(minifyCSS())
        .pipe(prefix('last 3 versions', '>5%', 'ie9'))
        .pipe(concatCSS("bundle.css"))
        .pipe(rename('bundle.min.css'))
        .pipe(gulp.dest('app/css/'));
});

gulp.task('watch', function() {
    gulp.watch('stylus/*.css', ['default'])
})

Пишу в .styl, затем в папке создаётся .css, который уже трансформируется в .min.css в папке app, но автопрефиксер не работает, в .min.css появляется тоже самое и без префиксов нужных

Comments

[Lynn «Кофеман»]

У меня встречный вопрос, что именно не работает в IE и FF?

Answer 1

[Николай Семенов]

как у меня рабочий вариант
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))

Comments

[Nastyuuuushka]

не подскажете как сделать поддержку нескольких браузеров? У меня только -webkit- получилось сделать, , как быть с ие, мозиллой?

[Николай Семенов]

.pipe(minifyCSS())
.pipe(prefix('last 3 versions', '>5%', 'ie9'))
думаю логичнее эти строки поменять местами?
['last 3 version', '> 1%', 'ie 8', 'ie 9', 'Opera 12.1']

[Николай Семенов]

Nastyuuuushka: префиксы для ff уже не нужны, так что 1% не актуально и можно убрать

[Nastyuuuushka]

Николай Семенов: а если просто вписать ('last 20 versions') , он ведь для каждой версии всех браузеров будет ставить, -ms- , -moz-, webkit-, -o-

[Николай Семенов]

Nastyuuuushka: какой смысл в поддержке браузеров которых уже нет? почитайте вот эту статью prgssr.ru/development/prishlo-vremya-pereosmyslit-...

Answer 2

[Слава]

У вас конечно все в кучу смешалось, кони, люди...)

во-1, судя по всему, у вас stylus работает в другом месте где-то. Логично было бы все соединить вместе. Сборку, минификацию и тд.

во-2, зачем вы собираете сначала бандл с одним именем, а потом делаете rename? Можно же сразу нужное имя задать.

в-3, не мешало хотя бы прочитать пару строчек из документации автопрефиксера. Опции для него задаются через массив, который идет первым аргументом, а не через список аргументов.

API
autoprefixer([options])

Comments

[Nastyuuuushka]

Он не подключён, я просто пользуюсь а потом в bundle.min.css перевожу скомпонованый файл. Вот с конкатенацией проблемы, хотела чтобы все файлы собрались в один css для этого bundle.css и создавала