How to compress, minify and add sourcemaps in gulp?

Question

gulp.js

Writing

var gulp = require('gulp')
var concat = require('gulp-concat');
var cleanCSS = require('gulp-clean-css');
var sourcemaps = require('gulp-sourcemaps');
var concatCss = require('gulp-concat-css');
gulp.task('minify-css', function() {
    return gulp.src('./css/*.css')
        .pipe(sourcemaps.init())
        .pipe(cleanCSS())
        .pipe(sourcemaps.write())
        .pipe(concatCss('all.css'))
        .pipe(gulp.dest('dist'));
});

Answer 1

I suspect that sourcemaps.write needs to be done after the concatenation so that they are generated for the final concatenated file, and not for intermediate

Answer 2

Yes, just rearrange it and preferably write where to unload it .pipe(sourcemaps.write('/name')