Sass 开发工作流程问题答案

【问题标题】：Sass development workflow issuesSass 开发工作流程问题
【发布时间】：2011-05-31 05:08:35
【问题描述】：

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

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

【问题讨论】：

恕我直言，Grunt/Gulp 或任何带有远程发布插件的任务运行器将是三年后的这种不便的最佳解决方案。

标签： sass

【解决方案1】：

使用 Sass 的典型方式是在使用 Sass 的同时在本地计算机上进行设计，并且只有在完成后才将 CSS（可能还有 Sass）上传到服务器。另一种选择是在服务器上运行sass --watch，以便编译上传的 Sass 文件。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

这是我刚刚读到的一个有趣的方法，将 compass 安装到一个小的本地 ruby 环境中，灵感来自 python virtualenv： http://rhodesmill.org/brandon/2011/adding-compass/

YMMV（我自己都没试过）。

【讨论】：

【解决方案4】：

Sublime SFTP/FTP Plugin 可以监控并在 SCSS 编译器更新时自动上传 .css 输出文件。

将您的项目目录映射到您的服务器
通过浏览遥控器检查它是否正常工作
右键单击您的 .css 输出文件，然后选择“监控文件（在外部保存时上传）”
在 Sublime 中保持文件的选项卡处于打开状态，以确保它处于监控/上传状态。

如需加分，请查看Browsersync 或 LiveReload。

【讨论】：