如何从Gulp.js启动PHPStorm的部署

Question

我正在使用Gulp.js查看项目中的sass文件，并自动编译/缩小它们。我已经将我的PHPStorm设置为自动部署(上传)更改的文件，包括外部更改。

我遇到的问题是，在我切换到不同的应用程序，然后再切换回PHPStorm之前，PHPStorm无法识别文件的外部更改。有没有一种方法可以通过编程告诉PHPStorm何时检查更改的文件？

提前感谢您的帮助！

Answer 1

您应该以return作为您的吞吐命令的开头，如下所示：

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

Answer 2

我在我的吞咽监视任务中使用了rsync。

​

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'
      }));
  });
});

​

您需要下载gulp rsync (https://www.npmjs.com/package/gulp-rsync)并生成正确的路径，但这似乎对我有效