I have a fairly large code base with multiple projects that share common sass modules.
I also have a pretty intricate setup of gulpfiles for each module that run a number of tasks.
One issue I am running into is the ability to run sass tasks on multiple projects when a single shared sass module is updated.
For example:
Project 1 file.scss
@import "shared-child.scss"
Project 2 file.scss
@import "shared-child.scss"
Project 3 file.scss
@import "shared-child.scss"
This scenario happens a lot. And when I update shared-child.scss I want all project files that include shared-child.scss to recompile.
So when I run gulp sass task on shared-child.scss it will in turn know where it is included throughout the various projects (ie. Project 1, Project 2, Project 3) and run their appropriate gulp tasks to include the changes made to shared-child.scss.
As of right I have the parent file in the project gulp.watching all the included files for changes, but vice-versa is where the problem is. Updating the child and having the parents recompile.
Any information on how this could be accomplished would be appreciated.