Using libsass with compass

Question

Exactly as the title says. Compilation times over 50 seconds are unacceptable. So, is there a way, let\'s say: a single (partial) file with compass magic (like sprite mixins

Answer 1

This is answer for sass files (not scss). Please always differentiate them

1. Run in shell bower install compass-sass-mixins
2. Edit your sass file @import "bower_components/compass-sass-mixins/lib/compass"

or

1. Run in shell npm i compass-sass-mixins
2. Edit your sass file @import "node_modules/compass-sass-mixins/lib/compass"

---

List of functions: https://github.com/askucher/compass-sass-mixins

Answer 2

In our case (>100.000 LoCSS), we succesfully moved from grunt-contrib-compass to a combination of

grunt-sass

which is using libsass instead of the ruby version, and to get all the magic from compass, we included

compass-mixins

and it worked just fine. You should definitely try it out, we reduced our compilation time from more than 40sec down to just 500-600ms.

---

UPDATE 2

Here's a node module that automagically imports the lib mentioned above into your grunt enviroment:

https://github.com/haithembelhaj/compass-importer

UPDATE

Creating a port to libsass is clearly on the creators mind: https://github.com/Compass/compass/issues/1916