Skip to content

Instantly share code, notes, and snippets.

@mediaformat
Created June 21, 2017 13:39
Show Gist options
  • Save mediaformat/67e7df91838c649401706061e0ffef09 to your computer and use it in GitHub Desktop.
Save mediaformat/67e7df91838c649401706061e0ffef09 to your computer and use it in GitHub Desktop.
node-sass with sourcemap in phpstorm
Getting node-sass to output a sourcemap took a bit of trial & error
Mostly because phpstorm does not allow for the same colon syntax that most sources reference,
specifically the Output paths to reference only took 1 argument
---
Add File Watcher SCSS in settings
Watcher Settings
Program :
C:\Users\%username%\AppData\Roaming\npm\node-sass.cmd
Arguments :
--no-cache --update --source-map=$FileNameWithoutExtension$.css.map $FileName$ $FileNameWithoutExtension$.css
Output paths to refresh :
$FileNameWithoutExtension$.css
Working directory :
$FileDir$
Create output file from stdout :
[] (unchecked)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment