yeoman - Gulp webapp generator sass sourcemaps -

yeoman - Gulp webapp generator sass sourcemaps -

i can't sass sourcemaps work, set in gulpfile:

sass task snippet form gulpfile:

gulp.task('styles', function () { homecoming gulp.src('app/styles/main.scss') .pipe($.rubysass({ style: 'expanded', precision: 10, sourcemap: true })) .pipe($.autoprefixer('last 1 version')) .pipe(gulp.dest('.tmp/styles')) .pipe(reload({stream:true})) .pipe($.size()); });

the main.css.map file generates under .tmp/styles next main.css, not gets read browser. using generator-gulp-webapp form yeoman browsersync.

browsersync snippet gulpfile:

gulp.task('serve', ['styles'], function () { browsersync.init(null, { server: { basedir: ['app', '.tmp'], directory: true }, debuginfo: false, open: false, host: "localhost" }, function (err, bs) { require('opn')(bs.options.url); console.log('started connect web server on ' + bs.options.url); }); });

yeoman gulp yeoman-generator source-maps gulp-sass