Geek Answers Handbook

Sass Workflow Issues

I am trying to take Sass into my development workflow. I deal primarily with the development interface, and as such, I often update stylesheets. After an endless search, I have yet to find an answer to what, in my opinion, should be a simple question.

I use both Coda and Textmate, so that would be enough for a solution. When I develop locally, I open a terminal, look at the .scss file, and then go to the city. I save my .scss file, it gladly updates my .css file ... and then I was left with a little annoyance of having to manually select .css and publish it to a remote server.
This is not the end of the world, but the need to pause my regular Dev workflow in order to manually download a file in which I am not active becomes unpleasant. In Coda, it does not detect when a file is updated outside of Coda, so it is not flagged for publication. It drives me crazy. I just need a way to save the .scss file and easily upload / download the .css file to a remote server. Any help would be greatly appreciated!

+6
source share
4 answers

A typical way to use Sass is to create on your local computer when using Sass and download only CSS (and probably Sass) to the server as soon as you are done. Another alternative would be to run sass --watch on the server so that it compiles the downloaded Sass files.

0
source

I had a rake task that calls rsync for such cases. It still needs to be run every time, but since it uses rsync, only modified files are moved. Now, reading this, I realized that there should not be an “rsync watch” somewhere and really is: http://code.google.com/p/lsyncd/

0
source

Here is an interesting approach that I just read installing a compass in a small local ruby ​​env inspired by python virtualenv: http://rhodesmill.org/brandon/2011/adding-compass/

YMMV (I haven't even tried this myself).

0
source

Sublime SFTP / FTP Plugin can monitor and automatically download the output .css file whenever it is updated by the SCSS compiler.

  • Map your project directory to your server.
  • Verify its use by viewing the remote
  • Right-click on your output .css file and select "Monitor File (Download on External Save)"
  • Keep the file tab open in Sublime to make sure it is tracked / downloaded.

For more points, check out Browsersync or LiveReload.

0
source

More articles:


All Articles