Применяет ли cssnano автоматический префикс?

Question

Я хочу применить cssnano и autoprefixer к моему css-коду. Я прочитал в Интернете, что достаточно использовать cssnano, что cssnano автоматически применяет авторефиксер. Когда я использую этот код:

var gulp = require('gulp');
var cssnano = require('gulp-cssnano');

gulp.task('default', function() {
return gulp.src('./....css')
    .pipe(cssnano())
    .pipe(gulp.dest('./....'));
});

Код CSS сжат, но я нигде не вижу префиксов. Cssnano применяет авторефиксатор или нет? Правильный ли приведенный выше код?

Заранее большое спасибо.

Answer 1

Вы требуете gulp-autoprefixer

var autoprefixer = require('gulp-autoprefixer');

gulp.task('default', function() {
return gulp.src('./....css')
  .pipe(cssnano({
        autoprefixer: {
           browsers: ['> 1%', 'last 2 versions', 'Firefox >= 20'],
           add: true
        }
  }))
  .pipe(gulp.dest('./....'));
});

Также в массиве {browsers: ['> 1%', 'last 2 versions', 'Firefox >= 20']} Вы можете передать любую версию в зависимости от вашего использования.