管理远程 sass 工作流程

Managing remote sass workflow

我刚刚开始 PHP 开发并使用 Sass 为我的 css 构建站点。我下载了 MAMP 并在我的本地计算机上构建了站点,因此 PHP 运行良好,并且 sass 是自动在本地为我编译的。

现在,当我处理远程站点时,通常只使用非常简单的静态 html 和 css 文件,我可以轻松地对其进行远程修改。

所以我完成了网站并将其上传到我的远程服务器。一切都很好,但现在我不确定编辑 css 的最佳方式。典型的 Web 开发人员将如何处理这个问题?我知道我可以保留整个站点的本地副本,然后每次我需要进行更改时,编辑本地文件,通过 ftp 找到所有相应的远程文件并覆盖它们。但是对于一个看似简单的任务来说,这似乎有点费力。没有更简单的方法吗?

或者 Sass 不是真的适合像这样的简单项目,我更愿意直接从 ftp 操作远程文件吗?

您可以保留一份本地副本,在本地 SASS 文件中进行更改,重新编译 SASS 文件,然后上传新的 CSS 文件。

为了在开发或更改网站时不会以某种方式破坏网站,始终拥有网站的本地副本是非常标准的做法。

Grunt might ease the workflow once you're familiarized with the tool. I use LESS to pre-compile my CSS and then have Grunt compile LESS into CSS along with minifying it whenever a save is performed on a LESS file which is done with the grunt-watch 任务这样的任务运行器。

至于项目大小,我对所有大小的项目都使用 CSS 预处理器。