Какой правильный плагин для группировки @media без конфликтов с sourcemap?

Question

[HelpSophie]

Какой правильный плагин для группировки media без конфликтов с gulp-sourcemaps?
Чтобы он не путался в порядке следования условий.
Сейчас gulp-group-css-media-queries.

кусочек gulp

gulp.task("css", function () {
  return gulp.src("source/less/style.less")
    .pipe(plumber())
    .pipe(sourcemap.init())
    .pipe(less())
    .pipe(gcmq())
    .pipe(postcss([
      autoprefixer()
    ]))
    .pipe(gulp.dest("build/css"))
    .pipe(csso({
      restructure: false
    }))
    .pipe(rename("style.min.css"))
    .pipe(sourcemap.write("."))
    .pipe(gulp.dest("build/css"))
    .pipe(browserSync.stream());
});

Answer 1

[Максим Морев]

Только через PostCSS, благо, он у вас уже подключен.
Раз и два, на выбор.
Лично я пользуюсь первым, но не то чтобы сравнивал - просто он мне на глаза раньше попался, а вообще это "крайности одной плоти", очень похожие инструменты для решения одной и той же задачи.

Comments

[HelpSophie]

Спасибо
Судя по описанию первый неправильно отсортирует если в проекте есть и min-width и max-width.

А ко второму: css-mqpacker - This package has been deprecated
https://www.npmjs.com/package/css-mqpacker