How to include SASS files and CSS files into version repository and developement cycle


Tags: css,version-control,deployment,sass

Problem :

I have a project that uses Subversion as versioning tool and a remote host for deploy working code (live stage is smth different). I use sass files to generate css files. My question is: where and when should I generate files?

Some opinions: 1. I think it is not OK to put css files into repository 2. I need css files when testing working copy so I can't wait compilation until deploy



Solution :

We choose to version both the sass files, as well as the compiled css files. That way, everyone has access to the latest version of everything when they pull down locally. We build, test and compile locally. Then merge locally. And once it's in good standing, then we push out to a test server (identical to production server).

There is no compilation on the servers. Compiling locally ensures that only valid code gets out to the test server.

Merging locally is made easier because each of us can use our merge tool(s) of choice.

Also, we are able to track histories, and it makes refactoring easier to have both sets of files in the repo.

Finally, The CMSes that we use have modules that combine and minify all the css files into one, and same thing for the js files. We have granular control of the minification process, so we can load them one at a time for debugging on the test server. And turn-off debugging when we want to test production settings.


    CSS Howto..

    How to set image height 90 % of whole page height (not viewport)

    How to prevent the scroll of table when click to header on Chrome?

    How to crop SVG file within HTML/CSS

    How to change the color of item selection radcombobox with a css style?

    How can I add flashing effect to an option tag?

    How to workaround: IE6 does not support CSS “attribute” selectors

    js Find Class Within Div + toggle CSS/Hide One Show Other

    How can I make it so the first element in a DIV has a different CSS to others?

    html/css, how to push an element on to the next line?

    How to view Google Maps in “print” mode?

    How to CSS Display:table grow right

    Using jqTransform on hidden contact form, select box value not showing

    image carousel showing all images

    How to animate my element in my case?

    Jquery/CSS, how to have and access multiple (left) panels, while adjusting main content container automatically

    How to apply css to html so that it shows as the style property

    Bootstrap glyphicon/nav bar showing popup window

    angular ngShow with animate.css

    How are less files compiled into css templates in PHP Thelia?

    How to style the wp_list_page in wordpress?

    How do I target nested elements with CSS correctly? [closed]

    How to right align a div containing a form in another div?

    Border positioning: how to?

    How to include css in my JSP?

    How can I eliminate the space above my list?

    How do i get the submenus to show with a small window size?

    How to get rid of the left and top margins in css when using html2pdf

    CSS: can't understand how to work with the z-index

    How do I use a variable inside of a shorthand if/else statement in a PHP for() loop?

    How to stretch segment of image in html/css