SASS/исходные карты не загружаются вложенными структурами

Question

Я перешел из всех файлов SASS, находящихся в том же каталоге, в вложенную структуру следующим образом. Теперь, когда я проверяю элемент на хроме, он меня переводит на неверную исходную карту. Например, когда я проверяю кнопку, вместо того, чтобы перейти к частицам _buttons, она переходит к другому случайному частичному, который не связан. Кто-нибудь знает, почему это происходит? Что-то нужно изменить в моем файле глотков?

Answer 1

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

вопрос должен был сделать с тем, как мы импортирования дерзость и CSS файлы вместе в файле main.scss, и делать копию файлов css в файле gulp. Самым простым решением было включение импортера sass-module. Файл 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()); 
}); 

Это мой рабочий пример. Вы можете увидеть генерироваться main.css.map Вам необходимо установить https://www.npmjs.com/package/gulp-sass https://www.npmjs.com/package/gulp-sourcemaps