sourcemap mit grunt-sass weist mich auf die falsche linie

Question

ich arbeite mit libass und susy, mit grunt und kompass-importer. die Basis für die Installation meiner Projekte sind von http://zellwk.com/blog/grunt-sass-with-susy/

alles funktionierte gut, bis ich die Dateien aktualisiert haben, jetzt die sourcemap nicht geben Sie mir die genaue Zeile des Objektes aus der SCSS Datei mehr. Das Beispiel ist auf dem Druck.

Statt der sourmap mich auf die 941 Linie zeigen, sie weist mich auf die Linie 935

mein Grunzen Datei als solche konfiguriert ist:

// Grunt-sass 
sass: { 
    app: { 
    // Takes every file that ends with .scss from the scss 
    // directory and compile them into the css directory. 
    // Also changes the extension from .scss into .css. 
    // Note: file name that begins with _ are ignored automatically 
    files: [{ 
     expand: true, 
     cwd: 'scss', 
     src: ['*.scss'], 
     dest: 'css', 
     ext: '.css' 
    }] 
    }, 
    options: { 
    importer: compass, 
    sourceMap: true, 
    outputStyle: 'nested', 
    imagePath: "../", 
} 

Answer 1

Ich denke, ist, weil für Ihre Header die Mutter aller Klassen zeigt.

Ihre Kopf es genau Linie ist 935.

Sie viele Klassen nisten, sollten Sie max 3 Ebenen und 50 Zeilen tun.

Ihr Grunzen Sass ist ein bisschen verwirren Sie können so einfacher machen:

//src =============================== 
     var src; 
     config.src = src = { 
      sassMain  : 'scss/main.scss', 
      distFolder  : 'public/stylesheets/lovelycss.dist.css', 
      devFolder  : 'public/stylesheets/lovelycss.dev.css', 
      sassFolder  : 'scss/**/*.scss', 

     }; 




//distribution 
         sass.dist = { 
          options: { 
           style: "compressed", 
           noCache: true, 
           sourcemap: 'none', 
           update:true 
          } 
          , files: { 
           "<%= src.distFolder %>" : "<%= src.sassMain %>" 
          } 
         }; 

        //development env. 
         sass.dev = { 
          options: { 
           style: "expanded", 
           lineNumber: true, 
          } 
          , files: { 
           "<%= src.devFolder %>" : "<%= src.sassMain %>" 
          } 
         }; 

ich hoffe, dass Sie helfen können.