Chrome开发工具只显示一个scs文件

Question

我正在运行gulp来编译我的sass文件。我遇到的问题是，在检查一个元素时，我只看到一个scss文件。如果你需要进一步的信息，请告诉我。

我正在运行节点v0.12.2我下面的设置：

SCSS结构

src/scss/main.scss-导入各种部分

取决于开发人员

吞咽"："^3.8.11"，

狼吞虎咽"："^1.3.3"，

gump源地图"："^1.5.2">

Gulp文件

gulp.task('sass', function (){
gulp.src('src/scss/**/*.scss')
.pipe(sourcemaps.init())
.pipe(sass())
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest('build/css'));
});
gulp.task('default', function(){
gulp.start('sass');
});

源地图

｛"版本"：3，"源"：["包括/_buttons.scss"，"包括/_layout.scss，"包括/reset.scss"]，"名称"：[]，"映射"："AAAA，AACC，AACY，AACZ，AACQ，AACR，AAAO，AACP，AACQ"sourcesContent"：[".btn｛\r\n\t背景：#555；\r\n\t顺序：1px实心#999；\r\n\t宽度：100px；\r\n\t高度：50px；\r\n｝\\r\n\r\n.btn-大｛\r\n\t背景：#555；\r\n\t顺序：1px实心#999；\r\n\t宽度：200px；\r\n\t高度：100px；\r\n｝"，"正文｛\r\n\t背景：#333；\r\n｝

Answer 1

在升级到gulp-sass@2.0.0.我现在在我的项目中看到了一个不正确的映射，但它解决了这里讨论的单个文件问题。请参阅gulp-sourcemaps存储库中的相关github问题。