Javascript 未使用嵌套结构加载SASS/源映射

我从位于同一目录中的所有SASS文件转换为一个嵌套结构，如下所示。现在，当我检查chrome中的一个元素时，它会将我带到错误的源映射。例如，当我检查一个按钮时，它不是转到_按钮部分，而是转到另一个不相关的随机部分。有人知道为什么会这样吗？我的吞咽文件需要更改吗

---

您有*.scss文件，但在gulpjs config.input.sass中。可能是错误的文件格式

我用指南针，它看起来像这样

gulp.task('compass', function() {
    gulp.src(inputDir+'/*.'+fileType)
        .pipe(compass({
            css: outputDir,
            sass: inputDir,
            sourcemap: true
        }))
        .pipe(gulp.dest(outputDir))
        .pipe(connect.reload());
});

这是我的工作示例。您可以看到生成的main.css.map 您需要安装

这个问题与我们如何在main.scss文件中同时导入sass和css文件以及如何在gulp文件中复制css文件有关。最简单的解决方案是包含sass模块导入器。下面将使用最终解决方案更新gulp文件。

---

我做了上述更改，但没有看到正确的源地图。我在上面添加了一张gulp配置的图片，您可能错过了

var sourcemaps=require（'gulp-sourcemaps'）我在文件中有我的答案