gulp sourcemaps在.css.map中输出不正确的源

我似乎无法找出我的gulp和gulp sourcemaps配置有什么问题。我的

main.css

和

main.css.map

已编译，但我得到了不正确的来源：

{"version":3,"file":"main.css","sources":["/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css" [...] etc

它从不显示除

main.css

以外的任何源代码。当我通过浏览器检查并单击源时，它会显示SCSS中上次导入的文件。

这是我的吞咽任务：

gulp.task('sass', function () {
    return gulp.src(config.sass.src)
        .pipe(sourcemaps.init({largeFile: true}))
        .pipe(sass().on('error', sass.logError ))
        .pipe(sourcemaps.write("."))
        .pipe(gulp.dest(config.sass.dest));
});

我的

config.sass.src

是

assets/sass/***.{sass，scss}

我也有一些

autoprefixer

管道和

cssnano

，但我已经注释了所有额外的东西，并尝试运行它们，唉，同样的东西

以下是我的SCS的一个简单示例：

main.scss

：

@import "components/buttons";

button {
    padding: 10px;
    background: black;
    color: white;
    border: 0;
    border-radius: 0;
}

组件/\u按钮。SCS

：

@import "components/buttons";

button {
    padding: 10px;
    background: black;
    color: white;
    border: 0;
    border-radius: 0;
}

这将在css.map中输出以下内容：

{"version":3,"file":"main.css","sources":["/assets/sass/main.css","/assets/sass/main.css"],"sourcesContent":["@import \"components/buttons\";","button {\n    padding: 10px;\n    background: black;\n    color: white;\n    border: 0;\n    border-radius: 0;\n}"],"mappings":"ACAA,AAAA,MAAM,CAAC;EACH,OAAO,EAAE,IAAK;EACd,UAAU,EAAE,KAAM;EAClB,KAAK,EAAE,KAAM;EACb,MAAM,EAAE,CAAE;EACV,aAAa,EAAE,CAAE,GACpB","names":[]}

使用：

• 吞咽3.9.1
• 吞咽sass 2.3.2
• gulp sourcemaps 1.10.0

这是您正在使用的

gulp sourcemaps

版本

从

1.10.0

更新到

1.10.1

应该可以解决以下问题：

npm install --save-dev gulp-sourcemaps

---

你的任务没有明显的问题。您必须提供一个复制问题的最小SASS/SCSS文件，才有可能解决这个问题。@SvenSchoenung done！我还添加了我的

config.sass.src

是什么，我想问题可能是我正在使用每个scss/sass文件作为源，所以我将其更改为

main.scss

的路径，这确实构建了css，但源映射完全相同。我正要走出门回家，这成功了！（虽然我使用纱线，但原理相同）。你在哪里找到的？我已经用谷歌搜索了至少两个小时，这是我知道这与GulpSourceMaps有关时唯一的搜索词。无论如何，非常感谢！我现在需要做的就是指向正确的源位置，但我可能明天自己就能找到它；）好吧，在我能够用你问题中的信息重现问题之后，我能想到的唯一解释是

中的一个bug，即gulp sourcemaps

。尝试升级插件，当修复它时，我去查看链接的位置。