SCSS Compiler

Robert Granlund
Robert Granlund used Ask the Experts™
on
For Sass I use Scout.  However, I just started working on a project where the SCSS compiler took all of the different SCSS files and combined them into one css.  What program does that?  Scout Does Not.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Most Valuable Expert 2018
Distinguished Expert 2018
Commented:
With Scout, your *.scss files will be compiled into the CSS versions of them. If you prefix your filename with an underscore, then it won't be compiled into a seperate file. This allows you to create modular SCSS file. For example, in your source folder you may have:

styles.scss
_fonts.scss
_images.scss
_core.scss

If you run Scout on that folder it will compile only the styles.scss into styles.css. To include the other files, you would use the @import command inside the styles.scss:

//styles.scss
@import 'fonts';
@import 'images';
@import 'core';

Then when you run Scout, you will end up with a styles.css that contains all the CSS from the other files.

As Damilo has mentioned - using Gulp to perform your tasks is generally a better option. You have much more control over what happens and you can also run other tasks (such as minify / concatenation / auto-prefixing / source maps etc.)

Gulp is a command line tool and takes a little getting used to, but once you've got your head around it, it can make the whole development process much slicker. It can do a whole lot of other stuff, including minifiying / concating your JS files, compressing images, copying and moving files (from source folder to distribution folders etc).

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial