Не работает плагин gulp-sourcemap

337
05 июля 2018, 01:00

Имеется такой gulpfile

var gulp = require('gulp'); 
var less = require('gulp-less'); 
var concat = require('gulp-concat'); 
var uglify = require('gulp-uglify'); 
var cssmin = require('gulp-cssmin'); 
var autoprefixer = require('gulp-autoprefixer'); 
var browserSync = require('browser-sync'); 
var sourcemaps = require('gulp-sourcemaps'); 
var htmlmin = require('gulp-htmlmin'); 
 
 
 
var path = { 
 
	build: { 
		html: 'dist/', 
		js: 'dist/js', 
		css: 'dist/css', 
		img: 'dist/img', 
		fonts: 'dist/fonts' 
	}, 
 
	src: { 
		html: 'app/*.html', 
		js: 'app/js/*.js', 
		css: 'app/css/*.css', 
		img: 'app/img/**/*.*', 
		fonts: 'fonts/**/*.*' 
	}, 
 
	watch: { 
		html: 'app/*.html', 
		js: 'app/js/*.js', 
		less: 'app/less/**/*.less', 
		img: 'app/img/**/*.*', 
		fonts: 'fonts/**/*.*' 
	} 
} 
 
gulp.task('browser-sync', function() { 
    browserSync.init({ 
        server: { 
            baseDir: "dist/" 
        } 
    }); 
}); 
 
gulp.task('less', function() { 
	return gulp.src('app/less/styles.less') 
	.pipe(less()) 
	.pipe(gulp.dest('app/css/')) 
	.pipe(browserSync.reload({stream: true})) 
}) 
 
 
gulp.task('css', function() { 
	return gulp.src(path.src.css) 
	.pipe(concat('styles.css')) 
	.pipe(sourcemaps.init()) 
	.pipe(cssmin()) 
	.pipe(autoprefixer({ 
		browsers: ['last 4 versions'], 
		cascade: false 
	})) 
	.pipe(sourcemaps.write()) 
	.pipe(gulp.dest(path.build.css)) 
	.pipe(browserSync.reload({stream: true})) 
}) 
 
gulp.task('html', function() { 
	return gulp.src(path.src.html) 
	.pipe(htmlmin()) 
	.pipe(gulp.dest(path.build.html)) 
	.pipe(browserSync.reload({stream: true})) 
}) 
 
 
gulp.task('build', ['browser-sync'], function() { 
	gulp.watch(path.watch.less, ['less', 'css']); 
	gulp.watch(path.watch.html, ['html']) 
})

Дело в том, что sourcemaps не отрабатывает как нужно. Не могу понять в чем проблема, пробовал менять последовательность pipe'ов в таске, но это ни к чему не привело. Может кто сталкивался с подобной проблемой? Буду благодарен за любые подсказки.

Вот сам скриншот проблемы, все идет одной строкой и отлаживать код невозможно после минификации.

READ ALSO
Vuex (Vue.js) - глобальное сообщение об ошибке

Vuex (Vue.js) - глобальное сообщение об ошибке

Как сделать глобальное глобальные ошибки в Vue (через Vuex)?

125
Как сделать спрайтовую анимацию?

Как сделать спрайтовую анимацию?

Как сделать спрайтовую анимацию,чтобы можно было разобраться и удобно настроить (ширину картинки и количество слайдов)? И еще нужно сделать...

338
Не оптимизируется путь в google maps

Не оптимизируется путь в google maps

Пишу android приложение с картой от googleНаписал код для запроса маршрута с использованием "google-maps-services:0

201