Задать вопрос
Cheizer
@Cheizer

GULP как удалить дубликаты строк в SCSS?

Приветствую, помогите решить проблему, осваиваю GULP, все получается, но столкнулся задачей которую не могу решить.

Например есть такой файл стилей, linter его причесал но почему то появились дубли, с появлением дублей еще буду разбираться, видно он перестроил по порядку свойства но не удаляет старые, с этим пока ладно.
НО как теперь удалить дубли?

.blog-page3 .masonary {
  margin: auto;
  columns: 3;
  columns: 3;
  columns: 3;
  column-gap: 30px;
  column-gap: 30px;
  column-gap: 30px;
}


Нашел вроде пакет csso https://github.com/ben-eb/gulp-csso

gulp js такой у меня (лишнее убрал)

const gulp = require('gulp');
const { src, dest } = require('gulp');
const del = require("del");
const fileinclude = require("gulp-file-include");
const group_media = require("gulp-group-css-media-queries");
const rename = require("gulp-rename");
const sass = require('gulp-sass');
const server = require('browser-sync').create();
const postcss = require('gulp-postcss');
const svgSprite = require('gulp-svg-sprite');
const svgo = require('gulp-svgo');
const removeHtmlComments = require('gulp-remove-html-comments');
const replace = require('gulp-replace');
const csso = require('gulp-csso');  // ПОСЛЕ УСТАНОВКИ ПОДКЛЮЧИЛ


// styles
const styles = () => {
  return src(config.styles.src)
    .pipe(
      sass({
        outputStyle: "expanded"
      })
    )
    .pipe(
      group_media()
    )
    .pipe(postcss([
      require('autoprefixer'),
      require('postcss-discard-comments'),
      require('postcss-csso')
    ]))
    .pipe(csso())  // ДОБАВИЛ УДАЛЕНИЕ ДУБЛЕЙ
    .pipe(
      rename({
        extname: ".min.css"
      })
    )
    .pipe(dest(config.styles.dist))
    .pipe(server.stream());
}


Делаю gulp build, потом npm run lint и дубли не удаляются, что не так делаю?
  • Вопрос задан
  • 125 просмотров
Подписаться 1 Простой 2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы