Для процессинга CSS я использую gulp с autoprefixer и doIuse. Потребовалось добавить к стилям файл стороннего разработчика, причем так, чтобы он включался без изменений. Но в итоге все стили должны были упаковываться в один файл style.css, и для них должны были создаваться sourcemaps.
Я сделал так:
gulp.task('css', function() {
var plugins = getPlugins();
var processors = [
plugins.precss,
plugins.autoprefixer,
plugins.doiuse
];
// мой css, должен пройти через autoprefixer
var my_css = gulp.src([ ... my css files ... ])
.pipe(plugins.sourcemaps.init())
.pipe(plugins.postcss(processors))
;
// сторонний css, должен остаться как есть, но нужны sourcemaps
var third_party = gulp.src([ ... third party css files ... ])
.pipe(plugins.sourcemaps.init())
;
return plugins.merge2(third_party, my_css)
.pipe(plugins.concat('style.css'))
.pipe(plugins.sourcemaps.write('./'))
.pipe(gulp.dest('web/css'))
;
});
Я не был уверен, что получится, но это сработало. Однако я так и не понял, как именно это работает? Почему после merge и concat правильно создаются sourcemaps?
Хотелось бы понять, как работает слияние потоков в gulp.
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Доброго всем времени суток. Я кастомизирую форму, сгенерированную автоматически с помощью генератора CRUD.
У вас на скриншотах css код, который потом в итоге на поздних этапах разработки загонит в вас не то, что в угол, а в бездну, из которой вы не сможете...
Как правильно задать имена классов по методологии БЭМ для следующего кода:.