Приветствую, помогите решить проблему, осваиваю 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 и дубли не удаляются, что не так делаю?
Средний
