WebStorm configure output path for Sass

问题

I've a quick question about setting up a watcher in WebStorm for SCSS transpiling.

I want the watcher to transpile scss files to a specific folder:

Project/assests/scss/(several scss files) transpile to Project/src/css/(transpiled css files)

I noticed that there are terms like $FileNameWithoutExtension$ or $FileParentDir$, what language is that? :)

Thanks a lot!

回答1:

Please try the following:

Arguments: --no-cache --update $FileName$:$ProjectFileDir$/src/css/$FileNameWithoutExtension$.css

Working directory: $FileDir$

Output paths to Refresh: $ProjectFileDir$/src/css/$FileNameWithoutExtension$.css:$ProjectFileDir$/src/css/$FileNameWithoutExtension$.css.map 

来源：https://stackoverflow.com/questions/36025976/webstorm-configure-output-path-for-sass