Pycharm SASS: output css in relative directory

Question

I'm trying to setup a file watcher in PyCharm for my SASS files. I've followed the official guide and it worked jsut fine (https://www.jetbrains.com/help/pycharm/transpiling-sass-less-and-scss-to-css.html#)

Now I'd like to change the destination of the compiled CSS files to a specific folder, relative to the SASS file. Basically, the output directory should be ../css/ when starting from the SASS file, because my structure looks like this:

app1/
    static/
        css/
            myfile.css
        sass/
            myfile.sass
app2/
    static/
        css/
            myfile2.css
        sass/
            myfile2.sass

I'm not sure I understand what values I should put in arguments and output paths to refresh. I'm currently using the default settings (https://i.sstatic.net/JR4zh.jpg)

Jordan Kowal · Accepted Answer · 2020-01-02 15:00:31Z

4

I solved it. For anyone struggling with the same issue, here's how I fixed it:

Arguments = sass\$FileName$:css\$FileNameWithoutExtension$.css
Output = css\$FileNameWithoutExtension$.css
Working Directory = $FileParentDir$

Here's an image of the setup :

File watcher Sass setup

answered Jan 2, 2020 at 15:00

Jordan Kowal

1,61413 silver badges21 bronze badges

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

Collectives™ on Stack Overflow

Pycharm SASS: output css in relative 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