一饮而尽sourcemap但不工作

Question

样式

styles.less

@import "one.less"; 
@import "two.less"; 

one.less

body { background:red; } 

two.less

body { font-size: 12px; } 

Gulpfile.js

var gulp = require('gulp'); 
var less = require('gulp-less'); 
var sourcemaps = require('gulp-sourcemaps'); 

gulp.src('./src/assets/less/styles.less') 
    .pipe(less()) 
    .pipe(sourcemaps.init({loadMaps: true})) 
    .pipe(sourcemaps.write('./')) 
    .pipe(gulp.dest('./dist/css/')); 

结果：的styles.css + styles.map.css创建但是当我进入网页（也当我检查“身体”地图文件不加载我看到的styles.css）

链接
少一饮而尽 - https://github.com/plus3network/gulp-less
一饮而尽，sourcemaps - https://github.com/floridoo/gulp-sourcemaps

我很沮丧，我会很感激任何帮助。谢谢。

Answer 1

您初始化sourcemap插件之前是“管道”，以less()，正确的方法是：

var gulp = require('gulp'); 
var less = require('gulp-less'); 
var sourcemaps = require('gulp-sourcemaps'); 

gulp.src('./src/assets/less/styles.less') 
    .pipe(sourcemaps.init({loadMaps: true})) 
    .pipe(less())//<<< between init and write 
    .pipe(sourcemaps.write('./')) 
    .pipe(gulp.dest('./dist/css/')); 

Answer 2

好吧，这是我应该使用 - https://github.com/radist2s/gulp-less-sourcemap