在本地开发SASS,上传更改

Question

我是一名从CSS过渡到SASS的前端开发人员.我已经在我的本地机器上安装了Ruby和Compass,并且Compass"watch"工作得非常好.

但是,我仍然使用本地CSS文件,我必须在每次微小的更改后手动FTP到服务器,以查看所做的更改.我想自动化这个.

我确实发现这个线程建议使用rsync,但我使用Windows,我觉得设置rsync真的很难.

有没有办法使用Ruby自动化这个？我想要获得的工作流程:

1. 我将SCSS文件保存在VIM中.
2. Compass Watch检测到更改并编译新的CSS文件
3. 一些神奇的工具检测到CSS文件的更改,上传到我的服务器
4. 我切换到Chrome,点击F5,然后看到更改

除了第3步,我可以做任何事情.任何想法？(那不涉及Linux或Mac专用软件？)

Answer 1

我不同意Roy和Adam,在使用Wordpress主题时,我在远程开发服务器上开发.我有一组人员添加了更新数据库的内容和其他编辑,作为开发人员,我很难100%在本地工作.他们的sql文件更新内容不会很好地与我的sql文件(你知道主题选项设置和什么没有)网格很好.

到目前为止,我一直避免使用SASS.

我的最佳工作流程是编辑我的scss文件 - >自动编译到css - >自动上传到搜索(如上传保存) - > livereload发生,我看到编辑(我可以没有这最后一步生活).

我还没有尝试过,但我发现这个链接似乎是迄今为止最接近的答案.使用SASS进行远程设置

附注:本地工作并不总是最佳设置.这不是一个答案,这是我第八次用类似的答案看到这个问题.

更新:刚尝试没有Codekit只是sass --watch并且它工作得很好!

另一个更新:我进一步修改了处理sass和远程开发的方式.我知道使用Sublime,同时打开我的.scss和.css文件.然后我使用SFTP(一个sublime的包)来"监视文件",它会在直接编辑它之前查找文件的更改,然后打开终端并保存我的scss文件,现在每次我保存它都符合本地,然后编译后的css文件自动上传到我的服务器!希望有道理,也许我会制作视频.

Answer 2

自 2011 年提出该问题以来，Compass 已经发展，现在提供回调函数来准确执行问题中提出的操作：

对于步骤 3 ，您可以使用on_stylesheet_savedon_sourcemap_saved回调函数将 *.css 和 *.css.map 文件上传到生产服务器。

如何执行此操作的示例代码可以在StackOverflow 答案中找到