webbuddu
@webbuddu
Начинающий.

Gulp не проставляет автопрефиксы?

Не могу понять почему не проставляются префиксы ?

const gulp = require('gulp'); 
const less = require('gulp-less'); 
const cssnano = require('gulp-cssnano');
const gcmq = require('gulp-group-css-media-queries'); // Групирует медиа запросы
const sourcemaps = require('gulp-sourcemaps'); // Создает карту стилей
const autoprefixer = require('gulp-autoprefixer');


Сам таск:

gulp.task('less', function () { // Создаем таск Less
    return gulp.src(config.root + config.less.src) // Берем источник main.less
        .pipe(less()) // Преобразуем Less в CSS посредством gulp-less
        .on("error", notify.onError({ // Уведомление об ошибках
            message: "Error: <%= error.message %>",
            title: "Error to less"
        }))
         .pipe(autoprefixer({
           browsers: ['last 2 versions', '> 0.1%', 'ie 8', 'ie 7'],
         cascade: false
         }))// Создаем префиксы
        .pipe(gulp.dest(config.root + config.css.dest)) // Выгружаем результата в папку app/css
        .pipe(browserSync.reload({
            stream: true
        })) // Обновляем CSS на странице при изменении

});


Пробовал вставить в таск где формируется ...min.css, но тоже не вышло

gulp.task('css-min', ['less', 'cleancssmin'], function () {
    return gulp.src(config.root + config.css.dest + '/*.css') // Выбираем файл для минификации main.css
    .pipe(autoprefixer({
         browsers: ['last 2 versions', '> 0.1%', 'ie 8', 'ie 7'],
       cascade: false
     }))// Создаем префиксы
        .pipe(sourcemaps.init()) // Создаем карту стилей
        .pipe(gcmq()) // Групирум медиазапросы
        .pipe(cssnano()) // Сжимаем
        .pipe(rename({
            suffix: '.min'
        })) // Добавляем суффикс .min
        .pipe(sourcemaps.write('.')) // Завершили создание карты CSS
        .pipe(gulp.dest(config.build + config.css.dest)) // Выгружаем в папку app/css
        .pipe(browserSync.reload({
            stream: true
        })) // Обновляем CSS на странице при изменении
});


Менял 'last 2 versions' даже на 20 , но все равно не проставляет.
  • Вопрос задан
  • 122 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

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