У меня проблема с исходными картами gulp.Мне нужно извлечь медиа-запросы из файлов CSS (сгенерированных из SASS и записи исходных карт) для разделения файлов, но с исходными картами, которые были инициализированы до компиляции SASS.Я использую другой плагин gulp для извлечения медиазапросов, но файл с извлеченными медиазапросами не имеет исходных карт источника.
Резюме:
init sourcemaps
sass compile
извлечение носителязапрос
запись исходных карт в скомпилированные файлы sass и отдельные файлы (используйте исходные карты из точки 1)
завершить задачу gulp
Здесь я пытаюсь подготовить несколько заданий для извлечения медиа-запросов из сгенерированных файлов CSS
gulp.task('extr:media', function() {
return gulp.src('./jadro/files/css/style/**/*.css')
.pipe(sourcemaps.init({
loadMaps: true
}))
.pipe(postcss([
require('postcss-extract-media-query')({
output: {
path: path.join(__dirname, '/jadro/files/css/test/respo/')
},
queries: {
'(min-width: 960px)': '960',
'(min-width: 1200px)': '1200'
},
stats: true
})]))
.pipe(sourcemaps.write('./maps'))
.pipe(gulp.dest('./jadro/files/css/respo/'))
.pipe(sync.stream());
});
Это моя основная функция
function buildSass(stream) {
return stream
.pipe(sourcemaps.init())
.pipe(sass().on('error', sass.logError))
// here I need insert extract
.pipe(sourcemaps.write('./maps'))
.pipe(gulp.dest('./jadro/files/css/style/'))
.pipe(sync.stream());
}
Спасибо за любые идеи, помощь иИзвините за мой английский