Я пытаюсь объединить файлы css и scss в файл main.css, который входит в мой каталог сборки. Его работа, но не в правильном порядке. Атрибуты стиля из scss файлов должны находиться в нижней части файла main.css, чтобы они отменили остальные.
my Gulp задача выглядит следующим образом:
//CSS
gulp.task('css', function () {
var cssTomincss = gulp.src(['dev/css/reset.css', 'dev/css/style.css','dev/css/typography.css', 'dev/css/sizes.css']);
var cssFromscss = gulp.src(['dev/css/*.scss'])
.pipe(sass());
return es.merge(cssTomincss, cssFromscss)
.pipe(concat('main.css'))
.pipe(minifyCSS())
.pipe(gulp.dest('build/css'))
});
Я сначала определяю источники с переменными. Я использую плагин gulp -sass для преобразования scss файла в обычный css (.pipe(sass)), а затем слияние двух с функцией es.merge и объединение их в main.css.
Проблема заключается в том, что атрибуты стиля van.scss файлов заканчиваются где-то в верхнем конце файла main.css. Мне нужно, чтобы они были внизу. Поэтому они должны быть объединены внизу.
Есть ли подсказка о том, как это сделать?