gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-05 03:11:52 25 4
gpt4 key购买 nike

我使用 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 命令设置一个计时器,以便它在检测到更改之后和编译之前等待几秒钟?

当然,可以接受任何其他克服此问题的方法!!

最佳答案

对于面临同样问题的十亿分之一(我知道你在那里),是时候回答我的风滚草了:

解决方案很简单

做完全相反的事情:

  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. 通过命令 > 使远程目录保持最新 菜单将 WinSCP 设置为使远程目录保持最新。

就是这样。

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

关于Sass watch 命令在完整的 sftp 上传之前编译 .scss 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35942340/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com