How do I compile sass code into a css file in another directory?

Question

I want to incorporate the SMACSS architecture into a site that I am building.

On my desktop I have a folder named after the site which I am building. Containing my css,js images and sass folders.

All the contents of the sass folders are partials which I import into a main.scss file(contained within the sass directory).

Here is my sass directory:

sass/
|
base
| _ file.scss
| _ file1.scss
|
layout
| _ file.scss
| _ file1.scss
|
module
| _ file.scss
| _ file1.scss
|
state
| _ file.scss
| _ file1.scss
|
theme
| _ file.scss
| _ file1.scss

I want to compile my main.scss file into a file called stylesheet.css which should be inside the css folder.

I have tried:

sass --watch main.scss:stylesheet.css

With no luck.

markoffden · Accepted Answer · 2016-05-25 14:09:09Z

5

You are executing sass relatively to current directory, so keep it in mind, and enter path to your files according to it:

sass --watch main.scss:../css/stylesheet.css

Or call sass from the root of your project:

sass --watch sass/main.scss:css/stylesheet.css

answered May 25, 2016 at 14:09

markoffden

1,4681 gold badge15 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How do I compile sass code into a css file in another directory?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related