Sass + Dev Tools Workflow

Avatar of Chris Coyier
Chris Coyier on

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

In letzter Zeit gab es einige gute Artikel zur Verbesserung des Sass/CSS-Workflows, indem 1) Source Maps verwendet werden, damit Chrome weiß, was mit Ihren Sass-Dateien und Partials los ist, 2) Dev Tools angewiesen werden, Änderungen zurück auf die Festplatte zu speichern, 3) sichergestellt wird, dass diese Änderungen automatisch neu kompiliert werden, 4) die LiveReload Browsererweiterung verwendet wird, um sicherzustellen, dass diese Änderungen auf die Seite injiziert werden.

Ben Frains Artikel Faster Sass debugging and style iteration with source maps, Chrome Web Developer Tools and Grunt und Tim Lucas’ Artikel Getting started with CSS sourcemaps and in-browser Sass editing.

Source Maps erfordert Sass 3.3, das sich im Alpha-Stadium befindet und noch nicht mit Compass funktioniert noch nicht.

Direkter Link →