Gulp source maps pointing to invalid files

Question

The map file seems to indicate an invalid file. Instead of demo.css it points, for example, to example.css .

Think I'm doing something wrong?

This is an example of how my css task is defined to minimize and concatenate CSS:

 var gulp = require('gulp'); var rename = require('gulp-rename'); var sourcemaps = require('gulp-sourcemaps'); var uglify = require('gulp-uglify'); var minifyCss = require('gulp-clean-css'); var gp_concat = require('gulp-concat'); var size = require('gulp-size'); var path ={ css: './styles/', dist: './dist/' }; gulp.task('css', function() { gulp.src([ './bower_components/aaa.css', path.css + 'demo.css', path.css + 'example.css', path.css + 'another.css' ]) .pipe(sourcemaps.init()) .pipe(gp_concat('combined.css')) .pipe(gulp.dest(path.dist)) .pipe(minifyCss({ compatibility: 'ie8', advanced: false, keepSpecialComments: '1' })) .pipe(rename({ suffix: '.min' })) .pipe(sourcemaps.write({ includeContent: false, sourceRoot: '../styles' })) .pipe(gulp.dest(path.dist)) .pipe(browserSync.reload({ stream: true })) });