Javascript 监视文件并自动将文件上载到远程服务器PHP Storm

我正在使用Grunt.js观看我的js和scss文件，这些文件在保存时会编译成main.js和main.css。这一切都很好

但令人烦恼的是，要查看服务器上反映的更改，我需要手动转到本地目录中的main.js和main.css文件，右键单击并选择上载到。。。我的远程服务器

这在我原本平滑的工作流程中是一个相当难看的碰撞

是否可以通过PHP Storm或Grunt.js设置任务，以便在这些文件发生更改时自动上载这些文件？

有一个名为的任务，您可以将其配置为将任何文件上载到服务器。基本上是这样的

'ftp-deploy': {
  build: {
    auth: {
      host: 'yourserver',
      port: 21,
      authKey: 'key'
    },
    src: 'dist/',
    dest: '/path/to/destination/folder',
    exclusions: !['path/to/dist/main.js', 'path/to/dist/main.js']
  }
}

这将排除除要上载的文件之外的所有文件。您还需要创建一个名为.ftppass的文件，其中包含以下ftp凭据：

{
  "key": {
    "username": "username1",
    "password": "password1"
  }
}

  grunt.registerTask('build', [
    'clean:dist',
    ...
    'ftp-deploy'
  ]);

不要忘记将此文件添加到.gitignore中，因为ftp信息是敏感的

现在，您可以将任务ftp deploy添加到构建任务的末尾，如下所示：

{
  "key": {
    "username": "username1",
    "password": "password1"
  }
}

  grunt.registerTask('build', [
    'clean:dist',
    ...
    'ftp-deploy'
  ]);

但这种方法会在每次构建时上传文件。您还可以使用grunt ftp deploy从终端手动运行该任务

---

有一个非常类似的任务，名为just in case you using sftp。

这是可能的，因为您可以使用Grunt触发任何程序记住Grunt只是一个普通的node.js应用程序。但您应该首先尝试，因为这是一个非常模糊的问题。您也可以使用phing或任何其他构建工具来自动化它。