SCSS (SASS) Compile and PostCSS Autoprefixer for Jetbrains IDE (Rider, Webstorm, PHPStorm)
- Install sass, postcss, autoprefixer:
npm install -g sass postcss autoprefixer - Go to
Preferences->Tools->File watchers - Add SCSS wathcer:
Program:sass
Arguments:$FileName$:$FileNameWithoutExtension$.css
Output aths to refresh:$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map
- Add another SCSS watcher (to the end):
Program:postcss
Arguments:$FileNameWithoutExtension$.css --replace --use autoprefixer
Output paths to refresh:$FileNameWithoutExtension$.css
- Check order:
