SASS /源地圖無法使用嵌套結構加載

Question

我從所有位於同一目錄中的SASS文件轉到如下所示的嵌套結構。現在，當我檢查鉻中的一個元素時，它會將我帶到不正確的源地圖。例如，當我檢查一個按鈕，而不是去_buttons部分，它會去到一個不相關的不同的隨機部分。任何人都知道這是爲什麼發生？在我的大文件中有什麼需要改變的？

Answer 1

https://www.npmjs.com/package/sass-module-importer

問題曾與我們如何導入SASS辦和css在main.scss文件中的文件一起就可以看到生成的main.css.map，並在gulp文件中複製css文件。最簡單的解決方案是包括sass-module-importer。最終的解決方案在下面更新了gulp文件。

Answer 2

你有* .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()); 
}); 

這是我的工作的例子。 您需要安裝 https://www.npmjs.com/package/gulp-sass https://www.npmjs.com/package/gulp-sourcemaps