logo标签列表

Sass开发工作流问题

sass
6
我一直在尝试将Sass融入我的开发工作流程中。我主要从事前端开发，因此我经常更新样式表。经过无数次搜索，我仍然没有找到我觉得应该是一个简单问题的答案。
我同时使用Coda和Textmate，所以任何一个编辑器的解决方案都可以。在本地开发时，我打开终端，让它监听我的.scss文件，然后开始编码。我保存我的.scss文件，它很高兴地更新了我的.css文件...然后我就需要手动选择.css文件并将其发布到远程服务器，这让我有点烦恼。
虽然这不是世界末日，但必须暂停我的通常开发工作流程来手动上传一个我当前不活跃的文件已经成为了一个麻烦事。在Coda中，它无法检测到文件是否已在Coda之外更新，因此它不会标记为发布。这让我疯狂。我只需要一种方法来保存.scss文件，并使.css文件轻松/自动上传到远程服务器。非常感谢您的帮助！
在我看来，Grunt/Gulp或任何带有远程发布插件的任务运行器现在是解决这种不便的最佳答案，三年后。 - Volker E.
4个回答
0

我刚刚阅读到一个有趣的方法，受到Python的虚拟环境启发，在小型本地Ruby环境中安装指南针：

http://rhodesmill.org/brandon/2011/adding-compass/

可能会因人而异（我自己甚至都没有尝试过这个方法）。

0

Sass 的典型使用方式是在本地计算机上使用 Sass 进行设计，完成后仅上传 CSS（可能也包括 Sass）到服务器。另一种选择是在服务器上运行 sass --watch，以便编译上传的 Sass 文件。

0
我有一个耙子任务，用于处理这种情况下的rsync调用。每次仍然需要运行它，但因为它只使用rsync，所以只移动更改的文件。现在，在阅读此内容时，我想到了一个想法，难道不应该有“rsync watch”吗？实际上似乎确实有：http://code.google.com/p/lsyncd/
0

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

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

对于额外的加分，可以查看Browsersync或LiveReload。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接