joycss是一个基于nodejs和php的自动拼图工具。
joycss的目标:使用简单,功能强大 。
文档:joycss.org,github托管似乎会被墙,或者访问http://shepherdwind.com/joycss/ 。
###安装
npm install -g joycss
//update
npm update joycss -g
####依赖
joycss依赖php cli,请在cmd或者shell中运行php -v
确定php cli在PATH下可以执行,并
且,需要安装gd库,php的依赖,只是为了处理图片——获取图片大小,并且拼图,这些操
作在nodejs还是很麻烦的。joycss把这一块对立在src/graph/api.js
中,方便以后引进
其他方式,暂时只支持php。
此外,在非win下,需要自行安装pngquant和optipng两个命令行工具,brew或者apt-get就行。 win下自带了exe文件,无需处理。
###使用
joycss -h
//nochange,只重重新编译css,不生成图片,当只修改css,不涉及图片修改时使用
joycss -n a.css
//-s source使用source文件,覆盖a.css,生成a.source.css
joycss a.less
//-0c第一张图片使用紧凑拼图(close), 第二张图使用alpah模式,png24
joycss -s -0c -1a a.css
拼图后,生成一个图片文件,图片文件命名规则是css文件名+'-sprite8.png',文件位置由
css中第一个需要拼图的图片路径相同。css命名规则是,css文件名+'.sprite.css',如果
输入源为less文件,则生产文件名+'.css'。或者使用,joycss --source a.css
,生成文
件为a.css
,并且产生一个a.source.css
文件,以后执行joycss -s a.css
,读取css
都是a.source.css
,生成文件为a.css
。