Sass watch 命令在完整的 sftp 上传之前编译 .scss 文件

Question

我使用 WinSCP 下载和编辑 .scss 文件并在 Linux（服务器上）上使用 sass 将它们编译为 .css。

保存文件后，我使用：sass scss/style.scss css/style.css，成功将css文件替换为编译好的sccs。

问题

为了自动化和节省时间，我想跳过我编辑完 scss 文件后返回命令行的部分。

但是，如果我使用watch 命令：sass --watch scss/style.scss:css/style.css 来同步这两个文件，则会弹出关于不存在 css 错误的警报：

Change detected to: scss/style.scss
      error scss/style.scss (Line 232: Invalid CSS after "...ht: bold; line-": expected "{", was "")

请注意，当文件上传速度比平时快（有时会发生）时，watch 命令会正常工作，不会出现错误。

这是因为，当文件上传需要时间时，sass 会在 scss 文件（在服务器上）完全上传到远程文件夹之前对其进行编译。因此，它只编译文件的一部分，导致 css 错误。

有没有办法为 watch 命令设置一个计时器，以便它在检测到更改之后和编译之前等待几秒钟？

当然，可以接受任何其他方法来克服这个问题！

Answer 1

十亿分之一的人面临同样的问题（我知道你在外面），是时候回答我的风滚草了：

解决方法很简单

完全相反：

1. Install ruby and then sass 在您的电脑上。
2. 告诉 sass 监视本地 scss/css 文件之间的变化：sass --watch scss/style.scss:css/style.css
3. 在 sass 监视的 css 文件夹上设置 WinSCP 本地目录。
4. 在您要编辑的 css 文件夹上设置 WinSCP 远程目录。
5. 从 Commands > Keep remote directory up to date 菜单设置 WinSCP 以使远程目录保持最新。

就是这样。

如果你编辑并保存你本地的 scss 文件，sass 会编译成 css，然后 WinSCP 会检测 css 的变化并自动上传到远程文件夹。