Compile Sass
sass input.scss ouput.css
Watch Changes
If you run the following command, you wont have to compile sass every time you make a change to the code.
With Watcher, anytime you save a change in your sass files, the watcher automatically recompiles it, and overwrites the output.css with the latest changes.
sass --watch input.scss:ouput.css
Make sure not to close the console as long as you’re updating the Sass files, otherwise the watcher will stop working.
Compile a Directory of Sass Files
Sass let’s you compile dozens of individual Sass files into a single compact CSS file.
Place all of your .scss
files inside a directory called scss
. This folder will contain the input style files.
Create an empty folder named ‘css’. This will contain the output style files.
sass --watch scss:css
Sass will auto-generate files from the first folder into the second folder.
Note: You do not edit or change the CSS files, you only deal with Sass files.