Less, autoprefixer, minimize code (css and js), autoreload browser after safe
Is it possible in phpstorm?
less working - have many files less...and in one index.less have import less files...so i want prepare only this files after i save some less file, which si imported...
minimize - css files and javascript
add prefixes automaticaly
autoreload browser after i save less...(mozzila best).
thx a lot.
Please sign in to leave a comment.
1. you can set up Less compiler (npm install -g less ) as a File Watcher as described in https://www.jetbrains.com/help/webstorm/2017.3/compiling-sass-less-and-scss-to-css.html
2. can also be done via file watchers - https://www.jetbrains.com/help/webstorm/2017.3/minifying-javascript.html, https://www.jetbrains.com/help/webstorm/2017.3/minifying-css.html
3. autoprefixer can also be set up as a file watcher
4. auto-reloading is available through Live Edit (https://confluence.jetbrains.com/display/WI/Live+Edit) - but it only works in Chrome
Actually I'd recommend using one of existing build tools/bundlers (Gulp, Grunt, Webpack) to perform all these tasks as a part of your build process. All these tools have plugins for less, js/css minifying and prefixing. They also have browser sync plugins/hot reload functionality
Hello,
thx a lot for your reply.
I actualy use prepros...which can everthing...but its very slow with project on framework....
I thought that grunt and others is very dificult to set up. :(