这个repo包含了我对Less、Stylus、Scss、Myth四者的feature比较代码,以及如何通过rework framework创建一个自己的preprocessor。
下图附有与之对应的slider.
step1 clone这个repository并进入其根目录:
$ git clone git@github.com:abruzzihraig/CSS-Preprocessors-Comparison.git & cd ./CSS-Preprocessors-Preprocessors
step2 在你拥有ruby环境的前提下,如果没有安装compass,请通过下面的命令安装:
$ gem install compass
step3 在你拥有ruby环境的前提下,如果已经装有compass,请更新你的compass至最新版本:
$ bundle update compass
step4 在你拥有node环境的前提下,执行:
$ npm install
step5 在gulpfile所在目录(git根目录),执行:
$ gulp // Tips: 这会开启带有watch listener的编译task,随着你更换分支而自动编译更新'dist'目录下的所有css文件
step6 执行下面的命令,你可以看到比较所有css preprocessor特性的分支:
$ git branch
step7 选择你感兴趣的特性比较分支,执行:
$ git checkout <feature branch>
我follow都不到两位数 😂
MIT