Вечер добрый. Вожусь с тасками...Не пойму, как два этих чуда завязать.
Суть получается такая
gulp.task('cssconcat', function() {
return gulp.src('app/css/*.css')
.pipe(concat('main.css'))
.pipe(gulp.dest('out/css/'));
});
gulp.task('scss', function(){
return gulp.src('app/scss/*.scss')
.pipe(sourcemaps.init())
.pipe(sass())
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(sourcemaps.write('../../out/css', {
sourceMappingURL: function(file) {
return file.relative + '.map';
}
}))
.pipe(gulp.dest('app/css/'))
});
gulp.task('watch', function(){
gulp.watch('app/scss/*.scss', ['scss']);
gulp.watch('app/css/*.css', ['cssconcat']);
});
Получается,
1) из папки /app/scss из .scss компилится более одного .css файла в /app/css
2) из папки /app/css идет конкат из всех файлов .css в папку /out/css в main.css
Пытался выше намудрить что-то с сурсмапами, но тем ни менее, нифига толкового не получается.
Как можно грамотно заставить сурсмапы работать с конкаченными файлами собранными в 1 цсс?