CODEWITHSUNDEEP
csssasscompass-sass
sunwukung
sunwukung

Reputation: 2815

How to output CSS files to single directory from several input directories?

Is there a configuration option that will enable me to output scss files located in several directories? I.E.:

foo / foo.scss
bar / bar.scss
baz / baz.scss

into a single output directory

css / foo.css
      bar.css
      baz.css

Upvotes: 1

Views: 250

Answers (1)

Andrey Mikhaylov - lolmaus
Andrey Mikhaylov - lolmaus

Reputation: 23883

Consider creating a sass directory with dummy files for each of your components:

project/
  css/
    foo.css
    bar.css
    baz.css
  modules/
    foo/
      foo.scss
    bar/
      bar.scss
    baz/
      baz.scss
  sass/
    foo.scss
    bar.scss
    baz.scss

Each dummy file should import the corresponding component.

sass/foo.scss:

@import "../modules/foo/foo.scss";

When you have all dummy files set up, run sass --update sass:css from the root of your project.

Upvotes: 1

Related Questions