Использование gulp для минимизации скомпилированных файлов css

Question

Я использую следующую конфигурацию. Файлы.scss скомпилированы правильно, но не уменьшены. Я пытаюсь выполнить множество вариантов задачи, но не могу минимизировать мои файлы.min.css.

Я передаю cssnano в качестве параметра плагину postcss. Что с этим не так?

var gulp = require('gulp'),
    sass = require('gulp-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    cssnano = require('gulp-cssnano'),
    rename = require('gulp-rename'),
    postcss = require('gulp-postcss');

gulp.task('styles', function () {
  sass.compiler = require('node-sass');

  var sassOptions = {
      outputStyle: 'expanded'
  };

  var processors = [
      autoprefixer,
      cssnano
  ];

  return gulp.src('./sass/**/*.scss')
      .pipe(sass.sync(sassOptions).on('error', sass.logError))   //sassOptions
      .pipe(postcss(processors))
      .pipe(gulp.dest('./css'))
      .pipe(rename({ suffix: '.min' }))
      .pipe(gulp.dest('./css'))
});