Skip to content

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

Notifications You must be signed in to change notification settings

kefyru/Jetbrains-IDE-SCSS-Autoprefixer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

    2

  4. Add another SCSS watcher (to the end):
    Program: postcss
    Arguments: $FileNameWithoutExtension$.css --replace --use autoprefixer
    Output paths to refresh: $FileNameWithoutExtension$.css

    3

  5. Check order:

    1

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published