SASS files don't get mapped

Since i have to process SASS files to CSS for my Angular2 app, i created the following task:

gulp.task('create:styles', function(cb) {
    return gulp.src('src/app/**/*.scss')
                 .pipe(sourcemap.init())
                 .pipe(sass().on('error', sass.logError))
                 .pipe(sourcemap.write())
                 .pipe(gulp.dest(paths.dist + '/app/'));
    });

As you can see i’m using sourcemaps plugin to map source files of styles.

Do you know why i can’t see the source files (.scss) in the inspection tools of browsers? What’s wrong with sourcemaps plugin?

[gfdesign]

Hi again. I think I’ve found my problem. First, my gulpfile.js was wrong. This is the corrected version:

var gulp = require('gulp');
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');

gulp.task('default', function() {
  gulp.src('src/**/*.scss')
  .pipe(sourcemaps.init('.'))
  .pipe(sass())
  .pipe(sourcemaps.write('.'))
  .pipe(gulp.dest('.'));
});

Second, I had to active in my Firefox browser in developer options this one:

I was dealing with this issue for days. I hope it helps someone else. Best regards

[smartm0use]

Here, on Chromium 52.0.2743.116 still not work:

I have no .scss file in the source folder…