Watch less files and their dependency tree for changes & automatically recompile
Rather than watching a directory for changes in any files, like other watchers, watch-less-do-more watches your main less file and automatically watches only its dependencies. If the main file, or any of it's dependencies change, the main file is compiled. This also allows you to watch multiple main files in a directory, and only compile the ones that have either changed themselves, or have had their dependencies changed. Additionally, this means that updating your node_modules (if any are dependencies of your less) will cause your less to recompile.
If we have the following files
And we run the command
watch-less-do-more -i main-a.less -o main-a.css -i main-b.less -o main-b.css
not-related-to-other-files.lesswill not cause any less to compile.
dependency-of-a-and-b.lesswill cause both
dependency-of-a.lesswill cause only
dependency-of-b.lesswill cause only
Install watch-less-do-more. You'll also need to install less.
Currently supports less
npm install watch-less-do-more less --save
Optionally install postcss if you want to use postcss modules.
Currently supports postcss
npm install postcss --save
In these examples we're adding a script to our package.json
Single main file
"watch-less": "watch-less-do-more -i source.less -o output.css"
Multiple main files
You can define as many files as you like, as long as there is an output argument for every input file
"watch-less": "watch-less-do-more -i source-a.less -o output-a.css -i source-b.less -o output-b.css"
You can use PostCSS modules with watch-less-do-more incredibly easily. Just install the modules you want, and tell watch-less-do-more to use them in the same way you would with PostCSS.
"watch-less": "watch-less-do-more -u autoprefixer -i source.less -o output.css"
--input, -i Path to input LESS file [string] [required]
--output, -o Path to output CSS file [string] [required]
--use, -u PostCSS module to use [string]
--help Show help [boolean]
--version Show version number [boolean]