Question

我想在我的css代码上应用cssnano和autoprefixer。我在互联网上读到，使用cssnano就足够了，cssnano会自动应用autoprefixer。当我使用这段代码时：

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']}中，您可以根据您的使用情况传递任何版本。

cssnano是否应用css autoprefixer？

1 个答案: