Eridani
@Eridani
Мимо проходил

Gulp concat и sourcemap, как завязать?

Вечер добрый. Вожусь с тасками...Не пойму, как два этих чуда завязать.

Суть получается такая
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 цсс?
  • Вопрос задан
  • 543 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы