День добрый.
Не хотят у меня что-то сурсмапы корректно показывать нужную строчку, вроде бы и плагины все подходят указанные в соурсмап вики.
Как работает мой галп: две папки внутри проекта, 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"
}