Eridani
@Eridani
Мимо проходил

Gulp sass и кривой/нерабочий sourcemap?

День добрый.
Не хотят у меня что-то сурсмапы корректно показывать нужную строчку, вроде бы и плагины все подходят указанные в соурсмап вики.

Как работает мой галп: две папки внутри проекта, app - где дистры scss файлов, их более 3 штук, которые впоследствии конкатятся в папку /out/css/main.css
Ну, а в самом таске scss уже полный комплект нужного - пламбер, конкат, sass, сурмапы, автопрефиксер и браузерсинк.
Может кто догадывается, почему сорсмапы не дают корректную строку в инспекторе (у любого вложенного элемента показывается только номер основного родительского класса)?
Убираю автопрефиксер из таска sass, в хроме начинает работать, нужную строку видно, в лисе же, он на миг видит нужную строку, но тут же подставляет некорректную, опять таки, родительскую

var gulp 			= require('gulp');
var sass 			= require('gulp-sass');
var sourcemaps		= require('gulp-sourcemaps');
//var cssFormat		= require('gulp-css-format');
var autoprefixer 	= require('gulp-autoprefixer');
var concat 			= require('gulp-concat');
var	plumber 		= require('gulp-plumber')
var	browsersync 	= require('browser-sync')
//var cleanCSS 		= require('gulp-clean-css'); //надо попробовать

gulp.task('scss', function(){
  return gulp.src('app/scss/*.scss')
    .pipe(plumber({
      errorHandler: function (err) {
        console.log(err);
        this.emit('end');
      }
    }))
  .pipe(sourcemaps.init())
  .pipe(sass())
	.pipe(autoprefixer({
				browsers: ['last 2 versions', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'],
				cascade: false
			}))
  .pipe(concat('main.css'))
  .pipe(sourcemaps.write())
  .pipe(gulp.dest('out/css/'))
  .pipe(browsersync.stream())

});

gulp.task('browsersync', function() {
    browsersync.init({
        server: {
            baseDir: "./out"
        },
		notify: false
    });
});

gulp.task('watch', ['browsersync', 'scss'], function(){
	gulp.watch('app/scss/*.scss', ['scss']);
	gulp.watch("out/*.html").on('change', browsersync.reload);
});


Ну и, версии плагинов
"devDependencies": {
    "browser-sync": "^2.18.13",
    "gulp": "^3.9.1",
    "gulp-autoprefixer": "^4.0.0",
    "gulp-concat": "^2.6.1",
    "gulp-plumber": "^1.1.0",
    "gulp-sass": "^3.1.0",
    "gulp-sourcemaps": "^2.6.1",
    "install": "^0.10.1"
  }
  • Вопрос задан
  • 139 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы