Как отформатировать css после выполнения gulp-group-css-media-queries?

Question

[chegcheg]

В gulpfile.js имеется такая задача:

let { src, dest } = require('gulp'),
    gulp = require('gulp'),
    browsersync = require('browser-sync').create(),
    scss = require('gulp-sass')(require('sass')),
    autoprefixer = require('gulp-autoprefixer'),
    group_media = require('gulp-group-css-media-queries'),
    rename = require('gulp-rename'),
    clean_css = require('gulp-clean-css');

function css() {
    return src('./#src/scss/style.scss')
        .pipe(
            scss({
                    outputStyle: 'expanded',
                    indentType: 'tab',
                    indentWidth: 1
                })
                .on('error', scss.logError)
        )
        .pipe(
            autoprefixer({
                overrideBrowserslist: ['last 2 versions'],
                cascade: false
            })
        )
        .pipe(group_media())
        .pipe(dest('./build/css/'))
        .pipe(clean_css())
        .pipe(rename({
                extname: '.min.css'
            }))
        .pipe(dest('./build/css/'))
        .pipe(browsersync.stream());
}

С назначенными функциями справляется практически как нужно:

1. компилирует scss в css (scss());
   
2. ставит префиксы (autoprefixer());
   
3. группирует media-запросы (group_media());
   
4. помещает файл в /build/css/ (dest());
   
5. минифицирует css (clean_css());
   
6. переименовывает новый файл в *.min.css (rename());
   
7. помещает файл в /build/css/ (dest()).
   

На выходе получаем 2 версии css:

• style.css с читабельным код
  
• минифицированный style.min.css
  

Единственная проблема в том, что после выполнения group_media() css форматируется с дефолтнымы настройками css-stringify (выполняется в gulp-group-css-media-queries), переписывая те, что указаны в scss(), в частности indent. Сам gulp-group-css-media-queries не может принимать никаких параметров.

Пробовал между group_media() и dest() дополнительно использовать clean_css() с необходимыми настройками, но получаю ошибку:

Error: Ignoring local @ import of "#src/scss/style.css" as resource is missing.

именно STYLE.CSS

Как можно решить проблему с форматированием без использования дополнительных плагинов типа gulp-cssbeautify?

Comments

[Сергей delphinpro]

Зачем вообще форматировать билд? Наоборот, его нужно прогнать через минификатор.

[chegcheg]

Сергей delphinpro, для того, чтобы у клиента, которому передам сборку, была читабельная версия кода на случай, если в будущем ему понадобится что-то править/дописать

[Сергей delphinpro]

chegcheg, Для этого передается весь проект с исходниками. В которые и вносятся исправления. Какой смысл в одноразовой сборке?