Пропадает карта (sourcemaps) после refresh browser-sync?

Question

[Sergey750il]

Доброго времени суток. После изменения SCSS происходит refresh страницы без перезагрузки, но после обновления не видно карты стилей.

После обновления:


Прилагаю код:

gulp.task('browser-sync', function() {
    browserSync.init({
        proxy: "portal.local",
        notify: false
    });
});

gulp.task('style:build', function() {
    gulp.src(path.src.style)
        //.pipe(sassGlob())
        .pipe(plumber({
            errorHandler: notify.onError("Error: <%= error.message %>")
        }))
        .pipe(sourcemaps.init())

        .pipe(sass({
            errLogToConsole: true
        }))
        .pipe(prefixer())
        //.pipe(cssmin())
        .pipe(sourcemaps.write())
        .pipe(gulp.dest(path.build.css))
        .pipe(browserSync.stream());
});

Comments

[Astelit808]

появилось решение?
например в браузере яндекс , такой проблемы у меня нету, а вот в хроме есть

[Sergey750il]

Astelit808, Увы, но нет. Уже создал еще одну подобную тему, но пока ничего не нашел. У меня в Mozila работает, но там неудобный FireBug. А в Яндекс браузере Инструменты разработчика есть?

Answer 1

[Александр Викторович]

Попробуйте встроенный sourcemaps

gulp.task('style:build', function() {
    gulp.src(path.src.style, { sourcemaps: true })
        //.pipe(sassGlob())
        .pipe(plumber({
            errorHandler: notify.onError("Error: <%= error.message %>")
        }))
        .pipe(sass().on('error', sass.logError))
        .pipe(prefixer())
        //.pipe(cssmin())
        .pipe(gulp.dest(path.build.css, { sourcemaps: true }))
        .pipe(browserSync.stream());
});