CODEWITHSUNDEEP
npmsasspycharm
Jordan Kowal
Jordan Kowal

Reputation: 1594

Pycharm SASS: output css in relative directory

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)

Upvotes: 1

Views: 310

Answers (1)

Jordan Kowal
Jordan Kowal

Reputation: 1594

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

Upvotes: 4

Related Questions