geekwen.com

用libsass+sassc编译sass

sass 是个非常方便的CSS预编译工具。但是随着项目变大,sass工程也可能随着复杂起来。十几个甚至几十个文件的引用会导致编译异常缓慢。尤其是当修改某个被N多文件引用的基础文件(如:_var.scss变量文件)时,会使所有引用了该文件的出口文件都重新编译一次,这个过程会非常漫长,有时可能会要等上几十秒,甚至一分钟左右,实在不能忍。所以就有新的方式运用而生:libsass + wrapper。

LibSass 通俗地说就是sass的编译规则库。sass原生是用的ruby来进行编译的。通过LibSass,能够使其他语言对sass/scss文件进行编译。我选择的是SassC(C语言作为编译语言)。通过替换后,速度真是快得感人。原先几十秒的编译过程现在几乎是秒编译,从此告别了烦恼的等待。其配置也是相当简单,按照GitHub SassC上的指导,一步步来就ok了。只是需要注意的是:安装完了后,记得将your-path/sassc/bin这个路径添加到PATH(*unix)或者说环境变量(windows)中,这样才能在全局中起到作用。