SCSS / SASS to CSS in special folder with PHPstorm 7 file watcher

css sass directory phpstorm watch
user2310852 picture user2310852 · Oct 25, 2013 · Viewed 16.9k times · Source

I used PHPstorm 6 and my SCSS-Files were compiled into the CSS-Folder, so I have:

css
  -- main.css
img
js
scss
  -- main.scss
  -- _variables.scss   ...

Hier are my definitions on SCSS File Watcher enter image description here

Everthing worked fine, but yesterday I updated my PHPstorm from version 6 to 7 and now my SCSS compile / file watcher are not working anymore. The File Watcher compile the CSS-File into the SCSS-Folder. But I want it in my CSS-Folder!!!

What are your settings in PHPstorm 7 Filewatcher for SCSS Files?

here is my data structure, you'll see the file style.css with FileDirName/css/style.css one folder "to high" .. enter image description here

Answer

user2310852 picture user2310852 · Oct 25, 2013

AAAAAAArrrgh!

the "backslashes" were the problem.

output path

$FileParentDir$/css/$FileNameWithoutExtension$.css

enter image description here

Related questions

What's the difference between SCSS and Sass?

From what I've been reading, Sass is a language that makes CSS more powerful with variable and math support. What's the difference with SCSS? Is it supposed to be the same language? Similar? Different?

Read More
Sass Variable in CSS calc() function

I'm trying to use the calc() function in a Sass stylesheet, but I'm having some issues. Here's my code: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) If I use the literal 50px instead of my …

Read More
Import regular CSS file in SCSS file?

Is there anyway to import a regular CSS file with Sass's @import command? While I'm not using all of the SCSS syntax from sass, I do still enjoy it's combining/compressing features, and would like to be able to use …

Read More