I'm taking my first steps in PhpStorm and SASS. I went to File > Settings > File Watcher and I added SCSS
This is my current configuration:
C:\Ruby23\bin\scss.bat
--no-cache --update $FileName$:$FileParentDir$\$FileNameWithoutExtension$.css
$FileDir$
$FileParentDir$\$FileNameWithoutExtension$.css
/mysite
/sass
1.scss
2.scss
3.scss
/sass
.css
.css.map
/mysite
/mysite
if you have a primary SCSS file that imports other files (partials, their names usually start with underscore), you just need to make sure that 'Track only root files
' is enabled in File watcher settings to get the output merged into a single .css
If you don't like .map
files being created, pass --sourcemap=none
to compiler