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

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

0 голосов
/ 29 января 2020

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

Я передаю cssnano в качестве параметра для плагина post css. Что с ним не так? 

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'))
});
...