Jetbrains-IDE-SCSS-Autoprefixer

SCSS (SASS) Compile and PostCSS Autoprefixer for Jetbrains IDE (Rider, Webstorm, PHPStorm)

1. Install sass, postcss, autoprefixer: npm install -g sass postcss autoprefixer
   
2. Go to Preferences -> Tools -> File watchers
   
3. Add SCSS wathcer:
   Program: sass
   Arguments: $FileName$:$FileNameWithoutExtension$.css
   Output aths to refresh: $FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map
   
   
   
   
4. Add another SCSS watcher (to the end):
   Program: postcss
   Arguments: $FileNameWithoutExtension$.css --replace --use autoprefixer
   Output paths to refresh: $FileNameWithoutExtension$.css
   
   
   
   
5. Check order: