Глоток, меньше и исходные карты сводят меня с ума (не работает)

Входные данные:

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 .............................

Есть идеи?

Благодарю.

0 ответов

Другие вопросы по тегам