一飲而盡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