cssnano가 CSS 자동 프리 픽서를 적용합니까?

Question

내 CSS 코드에 cssnano 및 autoprefixer를 적용하고 싶습니다. 인터넷에서 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가 autoprefixer를 적용 할 수 있습니까? 위의 코드가 맞습니까?

대단히 감사합니다.

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']}에 당신은 당신의 용도에 따라 어떤 버전을 전달할 수 있습니다.