gulp - source map 路径错误

Question

我使用包 gulp-less 和 gulp-sourcemaps。我的 less 文件位于 Styles/main.less 下，但生成的源映射指向 source/main.less (其中 source/ 似乎成为前缀)。如何解决这个问题，使源映射正确指向 source/Styles/main.less？

我的 gulp 任务相当简单:

var gulp        = require('gulp'),
    less        = require('gulp-less'),
    gulpif      = require('gulp-if'),
    sourcemaps  = require('gulp-sourcemaps');

var paths = {
    styles: [
        'Styles/**/*.less',
        '!**/*.min.css'
    ],
    wwwRoot: 'wwwroot/'
}

var isLessFile = function(file) { return /.less$/.test(file.path); }

gulp.task('styles', function() {
    return gulp
        .src(paths.styles)
        .pipe(sourcemaps.init())
            .pipe(gulpif(isLessFile, less()))
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest(paths.wwwRoot + 'styles'));
});

Answer 1

sourcemaps.write('.',{includeContent:false, sourceRoot:'../Styles'})

应该适合你。默认情况下，您在 sourcemap 文件中包含源内容，sourceRoot 可能是 '/source/'，这意味着使用嵌入的源文件。 includeContent:false 将阻止将源代码嵌入到 sourcemap 文件中，您还必须将 sourceRoot 属性设置为从保存 sourcemap 的位置到源文件所在位置的相对路径.在我的示例中，它会在一个文件夹中查找 Styles 文件夹，这将作为源 map sources 数组中所有路径的前缀。