M
M
Maxim Maximov2019-01-16 09:50:39
gulp.js
Maxim Maximov, 2019-01-16 09:50:39

Gulp doesn't auto-prefix?

I can not understand why prefixes are not put down?

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');

The task itself:
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 на странице при изменении

});

I tried to insert into the task where ... min.css is formed, but it didn’t work out either
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 на странице при изменении
});

Changed 'last 2 versions' even to 20 , but it still doesn't show.

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question