2015-01-28 3 views
1

Я только что установил новый проект для тестирования libsass.Foundation grunt/libsass sourcemap дают неправильный путь при проверке

Установленный фундамент, беседка и ворчание.

Проект работает отлично с ворчащими часами.

Затем я открываю проект в Chrome -> DevTools.

Я осматривая CSS, порожденной app.scss по умолчанию,

Все мой стиль сопоставляется _visibility.scss, когда тот Stlye фактически в app.scss chrome inspector

Моих Gruntfile. JS

module.exports = function(grunt) { 
 
    grunt.initConfig({ 
 
    pkg: grunt.file.readJSON('package.json'), 
 

 
    sass: { 
 
     options: { 
 
     includePaths: ['bower_components/foundation/scss'], 
 
     sourceMap: true, 
 
     debugInfo: true 
 
     }, 
 
     dist: { 
 
     options: { 
 
      outputStyle: 'nested' 
 
     }, 
 
     files: { 
 
      'css/app.css': 'scss/app.scss' 
 
     }   
 
     } 
 
    }, 
 

 
    watch: { 
 
     grunt: { files: ['Gruntfile.js'] }, 
 

 
     sass: { 
 
     files: 'scss/**/*.scss', 
 
     tasks: ['sass'] 
 
     } 
 
    } 
 
    }); 
 

 
    grunt.loadNpmTasks('grunt-sass'); 
 
    grunt.loadNpmTasks('grunt-contrib-watch'); 
 

 
    grunt.registerTask('build', ['sass']); 
 
    grunt.registerTask('default', ['build','watch']); 
 
}

Somethin Неправильно в моей конфигурации?

ответ

1

Это связано с тем, как настроен ваш Gruntfile. В соответствии с вашими параметрами sass у вас есть sourceMap: true, это отображает ваш скомпилированный css обратно в sass partials. Если вы измените значение на sourceMap: false, все должно работать так, как вы ожидаете.

sass: { 
     options: { 
     includePaths: ['bower_components/foundation/scss'], 
     sourceMap: false, 
     debugInfo: true 
}, 

Надеюсь, что сработает для вас!

+0

Это сработало спасибо. Теперь он указывает на нужный файл, но на неправильной линии. Он говорит, что мой стиль находится на линии 1 вместо 42, но я могу жить с этим, поиск в файле будет охватывать эту проблему, я предполагаю – Dragod83

0

Там, как представляется, проблема с sourcemaps и libsass, узел-Sass или пехотинец-Sass, в зависимости от того, какой поток вы следующее:

https://github.com/sass/node-sass/issues/619

https://github.com/sindresorhus/grunt-sass/pull/146

Вы можете попробовать backgrading ваши инструменты CLI согласно следующим образом:

https://github.com/zurb/foundation/issues/6129

IMH O это свидетельствует о хаосе, что инструменты CLI для веб-разработки стали, в результате чего человек тратит больше времени на то, чтобы работать над работой, чем на самом деле.

В общем, нужно точно указать, какая версия всех инструментов CLI (например, grunt, sass, lib-sass и т. Д. И т. Д.) В настоящее время работает, когда возникает такой вопрос, иначе полезный ответ вряд ли ,