cssphpstormwebstormfile-watcherautoprefixer

How to add Autoprefix css to File Watcher in PhpStorm or etc?


I want to use Autoprefixer https://www.npmjs.com/package/autoprefixer as a File Watcher. How to add it?

I don't use npm package, only file watcher css compile in PhpStorm.

enter image description here


Solution

  • There is no built-in support for autoprefixer, and it can hardly be expected in near future, see WEB-37.

    You can install the autoprefixer (npm install postcss-cli autoprefixer -g) and set it up as a file watcher, for example:

    enter image description here

    See postcss -h for help on cli options

    You can also try using sass-prefix-mixins in your code