SCSS Compiler

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.
LVL 8
rgranlundAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Danilo AndradeIT Systems AnalystCommented:
Chris StanyonWebDevCommented:
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).

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.