Суть вопроса имеются. 2 таска
sass = require('gulp-sass'),
autoprefixer = require('gulp-autoprefixer'),
compress_img = require('gulp-tinypng-nokey'),
cleanCSS = require('gulp-clean-css'),
concat = require('gulp-concat'),
SRC = 'catalog/view/theme/default/src',
PRD = 'catalog/view/theme/default/production',
gulp.task('sass', function () {
return gulp.src(SRC + '/scss/zzzz.scss')
.pipe(sourcemaps.init())
.pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
.pipe(autoprefixer(['last 3 versions'], {cascade: true}))
.pipe(rename('main.css'))
.pipe(cleanCSS())
.pipe(sourcemaps.write('../../src/scss/'))
.pipe(gulp.dest(PRD + '/css'));
});
gulp.task('css_libs', function () {
return gulp.src(SRC+'/css/libs/*.css')
.pipe(sourcemaps.init())
.pipe(concat('libs.css'))
.pipe(cleanCSS())
.pipe(sourcemaps.write('../../src/css/libs/'))
.pipe(gulp.dest(PRD + '/css'));
});
таск css_libs - собирает все библиотеки css объединяет в один файл libs.css и отправляет их в папку production/css
а файл libs.css.map он кидает по пути к исходникам - это делается для того чтобы я потом мог из браузера налету менять
css файлы, вот что выходе в файле libs.css /*# sourceMappingURL=../../src/css/libs/libs.css.map */ то-есть с путями все ок
таск sass - из файла zzzz.scss компилирует main.css и закидывает его туда же в папку production/css но файл main.css.map попадает хер пойми куда вот что на выходе main.css /*# sourceMappingURL=main.css.map */ то есть файл main.css.map находится рядом с файлом main.css хотя я в таске указываю другой путь
прикладываю структуру проекта