How can I start PHPStorm deployment from Gulp.js

Question

I use Gulp.js to watch sass files in my project and automatically compile / reduce them. I have my PHPStorm installed to automatically deploy (download) modified files, including external changes.

The problem I am facing is that PHPStorm does not recognize external file changes until I switch to another application and then back to PHPStorm. Is there any way I could programmatically tell PHPStorm when to check for modified files?

Thanks in advance for your help!

Answer 1

you should run the gulp command with a return, for example:

return gulp.src(PATHS.site_src + 'Styles/*.scss') 

Answer 2

I used rsync inside my gulp ie observation task

 gulp.task('watch', function() { var watcher = gulp.watch('/path/to/sassfile.scss', ['sass']); watcher.on('change', function(event) { console.log('File ' + event.path + ' was ' + event.type + ', running tasks...'); gulp.src('/path/to/compiledcss.css') .pipe(rsync({ hostname: 'dev.example.com', username: 'foo', progress: true, destination: '/path/on/remote/server' })); }); }); 

You need to download gulp -rsync ( https://www.npmjs.com/package/gulp-rsync ) and create the correct paths, but this seems to work for me