Reputation: 89
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