Max.A
Max.A

Reputation: 89

Gulp, less and sourcemaps makes me crazy (not working)

Input:

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 have a lot of imports only, any styles.

gulp less generated to map file and /*# sourceMappingURL=style.css.map */ in the end of the file exists, but I don't see and links to actual less files in Crome Dev Tools and the content of map file is not looks like on file content generated by 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 .............................

Any ideas?

Thanks.

Upvotes: 0

Views: 272

Answers (0)

Related Questions