I am hoping I can set up the LESS Watcher for my scenario. I am the front-end developer for a Joomla site which is using a template and theme with overrides in place. My goal is to eliminate the need to compile LESS to CSS via the Joomla admin panel and do it all within PhpStorm. So far this is the only IDE that seems like it will offer all the features I'm looking for.
Here is the setup on the Mac:
The project directory is:
This is the main template less file is:
This file contains nothing but a lot of @import statements which are for many other .less files in the same directory, i.e. blog.less, home.less, etc.
However we are overriding the theme settings with less files in this directory:
These less files are named the same as the ones in the first directory. So if I change home.less in this directory it overrides the one that is imported in the /templates/ja_sugite/less/ directory.
When running the compiler from Joomla's admin area, the final output is:
So I think the changed files need to be watched by the /templates/ja_sugite/less/ directory before compiling the less to this final directory.
Sorry for the confusing explanation, but I am having trouble figuring out how to set up the Watcher. Would I need 2 watchers?
Thanks for any help you can offer!