Глоток, меньше и исходные карты сводят меня с ума (не работает)
Входные данные:
gulp.js
var gulp = require('gulp');
var less = require('gulp-less');
var sourcemaps = require('gulp-sourcemaps');
gulp.task('less', function() {
return gulp.src('src/less/style.less')
.pipe(sourcemaps.init())
.pipe(less())
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('dist/css'))
});
package.json
{
"devDependencies": {
"gulp": "~3",
"gulp-less": "~1.1.10"
},
"dependencies": {
"gulp-sourcemaps": "^2.6.4"
}
}
У src / less / style.less много только импорта, любые стили.
меньше сгенерировано для файла карты и /*# sourceMappingURL=style.css.map */ в конце файла существует, но я не вижу и ссылки на фактически меньше файлов в Crome Dev Tools и содержимое файла карты не похоже на содержимое файла, сгенерированное Grunt:
{"version":3,"names":[],"mappings":"","sources":["style.less"],"sourcesContent":["// MaxA styles\r\n@import (reference) 'base/_mixins';\r\n@import (reference) 'base/_variables';\r\n@import \"layout/_base.less\";\r\n\r\n// Magento\r\n@import \"magento\";\r\n//font\r\n@import \"font\";\r\n// Reset\r\n@import \"normalize\";\r\n@import \"print\";\r\n// Core CSS\r\n@import \"scaffolding\";\r\n@import .............................
Есть идеи?
Благодарю.