Не могу понять почему не проставляются префиксы ?
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 , но все равно не проставляет.
