继 grunt 初识 后,发现 B3log 上面用他太过于强大了,在 CSS 方面也没研究出怎么用他来进行压缩。
B3log 主要是需要一些压缩,批量替换的版本号的功能。既然自己学习了 Node.js,何不学以致用呢?
1. 代码压缩
https://github.com/b3log/b3log-solo-skins/blob/0.5.0/helper/tools/compress.js
2. 批量替换
https://github.com/b3log/b3log-solo-skins/blob/0.5.0/helper/tools/update-version.js
今天写起来就比较顺手了,剩余的时间还研究了下 csslint,感觉一般 CSS 文件在 errors 上只需要使用
duplicate-properties,known-properties,empty-rules 这几个就 ok 了。其余错误显示出来也基本改不动。
The following rules point out potential errors in your CSS.
- Beware of box model size
- Require properties appropriate for display
- Disallow duplicate properties
- Disallow empty rules
- Require use of known properties
具体可参见 csslint 官方规则
另外还发现语句后面多分号(e.g: .left { float: left;;} ),csslint 并不会对其进行错误提示。
这时, less 就可以派上用场了,在使用 lessc -compress [filename] 就会提醒你了。都不知道自己怎么会打出两个分号来 ~~囧~~