CLI: Execute command only on changed files about watch HOT 7 OPEN

@elado as far as I know there is no convenient way. I've been struggling with this myself. But a lot of packages provide a watch themselves, babel is one of them:

"watch:js": "babel ./src/ --out-dir ./out/ --watch "

Another option is to not use the CLI and write out the watchTree code by hand in a file and run this as part of your build script.

Yet another option (this is the one I use) is to use the onchange package, it does not feel efficient, but it works...

onchange ./src/**/*.html -- bash ./scripts/training/temp.sh {{changed}}

The {{changed}} is the file path of the file changed. I pass this into another script, but that might be just a bit redundant.

PS, does not work with newly added files.

Hope it helps.

from watch.

I am fairly confident the following would work:

"watch:js": "watch ./src/**/*.js \"npm run build:js\""

I've added a glob pattern for convenience.

from watch.

@Baudin999 so on each .js change it'll execute build:js, problem is that the task isn't aware of what file was changed, and babel will run on ALL files again. What I was asking is if there's an option to specify which files were changed so babel can process only them. Something like gulp-changed or gulp-newer.

From the source there isn't but I might sketch something and PR.

from watch.

👍 thanks. The built in watch of babel and node-sass actually does a good job. onchange also looks useful!

from watch.

@elado Hi. How did you resolve this? I need the same feature.

from watch.

@TomasVotruba Don't remember exactly, I think I gave up and let babel's cache do the work. You can also use gulp for that.

from watch.

@elado Thanks for the answer. I try to use gulp, but it's been kinda buggy - https://gist.github.com/TomasVotruba/dba01f73c2a502bbc4d693eeedc26a3a
Almost there :)

from watch.