Sass开发工作流程问题

时间:2010-12-27 16:15:25

标签: sass

我一直在尝试将Sass应用到我的开发工作流程中。我主要做前端开发,因此,我经常更新样式表。经过无休止的搜索,我还没有找到我认为应该是一个简单问题的答案。

我同时使用Coda和Textmate,因此两者的解决方案就足够了。在本地开发时,我打开终端,看看我的.scss文件,然后去城里。我保存了我的.scss文件,它很高兴地更新了我的.css文件......然后我不得不手动选择.css并将其发布到远程服务器。
它不是世界末日,但不得不暂停我通常的开发工作流程来手动上传我不积极参与的文件正在变得令人讨厌。在Coda中,它不会检测文件何时在Coda之外更新,因此未标记为发布。这让我疯狂。我只需要一种方法来保存.scss文件,并将.css文件轻松/自动上传到远程服务器。任何帮助将不胜感激!

4 个答案:

答案 0 :(得分:0)

使用Sass的典型方法是在使用Sass时在本地计算机上进行设计,并在完成后仅将CSS(以及可能还有Sass)上传到服务器。另一种方法是在服务器上运行sass --watch,以便编译上传的Sass文件。

答案 1 :(得分:0)

我有一个rake任务,为这种情况调用rsync。仍然需要每次运行,但因为它只使用rsync移动了更改的文件。现在,在阅读本文时,我有一个想法,不应该在某处有'rsync watch',而且确实似乎有:http://code.google.com/p/lsyncd/

答案 2 :(得分:0)

这是我刚才读到的一个有趣的方法,将罗盘安装到一个小的本地红宝石环境中,受到python virtualenv的启发: http://rhodesmill.org/brandon/2011/adding-compass/

YMMV(我自己甚至都没试过)。

答案 3 :(得分:0)

Sublime SFTP/FTP Plugin可以监控并自动上传.css输出文件,只要它由SCSS编译器更新。

  1. 将项目目录映射到服务器
  2. 通过浏览远程
  3. 检查它是否正确无误
  4. 右键单击.css输出文件,然后选择“监控文件(外部保存时上传)'
  5. 保持文件的标签在Sublime中打开,以确保其保持受监控/上传。
  6. 要获得额外积分,请查看Browsersync或LiveReload。