Виталий Б.
33 года, Украина
892 сообщения
#6 месяцев назад
Приветствую. Подскажите инструмент для склейки файлов css в один, чтоб код не дублировался. Есть два огромных файла стилей, во втором дописаны и селекторы и к некоторым селекторам свойства, некоторые свойства изменены, необходимо объединить их, чтоб не было дублей, а существующие свойства заменены,  пример как должно быть:
css1:
.block1{font-size:16px; color:red}
.block2{margin:20px}

css2:
.block1{font-size:30px; color:red;}
.block2{margin:20px; background:green;}
.block3{padding:25px}

на выходе:
.block1{font-size:30px; color:red}
.block2{margin:20px; background:green;}
.block3{padding:25px}
Артем Л.
32 года, Россия
10934 сообщения
#6 месяцев назад
Мне кажется надо копать в эту сторону https://www.npmjs.com/package/gulp-concat-css
Ну или вот тут что-то https://toster.ru/q/21454
Владимир Ребров
33 года, Россия
2664 сообщения
онлайн
#6 месяцев назад
Любой сборщик (Webpack, Gulp, Grunt).
Виталий Б.
33 года, Украина
892 сообщения
#6 месяцев назад
vovka-morkovka, может плагин подскажете?
Hungry_Hunter, gulp-concat-css просто копипастит один цсс в конец другого
Максим Чернецкий
26 лет, Украина
32 сообщения
#6 месяцев назад
lufter, попробуйте объединить стили через обычный concat-css, а потом очистить через что-нибудь вроде этого: https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/
Юрий Уваров
25 лет, Россия
110 сообщений
#6 месяцев назад
Gulp uncss