PHPStorm: How do I combine multiple Sass files into one?

Question

I have _header.scss, _footer.scss and _main.scss and I want to combine them all into one and generate style.css.

I know it has to do with file watchers, but I haven't been able to figure out how to combine multiple files into one.

score 2 · Answer 1 · answered Jan 02 '14 at 20:51

2

Create file styles.scss that contain this code

@import 'header';
@import 'main';
@import 'footer';

answered Jan 02 '14 at 20:51

Slawa Eremin

score 0 · Accepted Answer · answered Jan 02 '14 at 20:55

0

It's not a PHPStorm feature, it's a SASS feature.

In style.scss it should start out with:

@import "_header";
@import "_footer";
@import "_main";

PHPStorm doesn't have to combine the files, Scss does.

answered Jan 02 '14 at 20:55

TwisterMc

you don't need underscore before the name of the file – Slawa Eremin Jan 02 '14 at 21:45
The reason for using _ (underscore) is explained here: https://stackoverflow.com/questions/34889962/why-put-in-front-of-the-file-name-or-in-scss-css – ingdc Jul 09 '18 at 14:15

score 0 · Answer 3 · edited May 23 '17 at 10:27

0

@SlawaEremkin above is correct.

Be sure that the import file is named without an underscore (not a SASS partial) otherwise there won't be an output CSS file.

Correct

styles.scss

Incorrect

_styles.scss

edited May 23 '17 at 10:27

Community

answered Jan 03 '14 at 04:24

Elise Chant

3 Answers3