cssnano 是否应用 css autoprefixer？答案

【问题标题】：Does cssnano apply css autoprefixer?cssnano 是否应用 css autoprefixer？
【发布时间】：2018-05-02 20:07:01
【问题描述】：

我想在我的 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 是否应用自动前缀？上面的代码对吗？

非常感谢您。

【问题讨论】：

标签： css gulp autoprefixer cssnano

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

【讨论】：