其实只是为了想要达到合并 CSS,弄几个颜色、字体的变量罢了,mergeCSS 感觉有点那个什么的。。。
发现 bootstrap 用的工具都很不错,以后可以参考下。
- recess
- recess 是 Twitter 的 Jacob Thornton 开发的一个工具,目的是处理 CSS,建立在 LESS 的基础上。
- jshint
- jshint 类似jslint,是一个 JavaScript 代码检测工具(也就是 JavaScript 的 lint)。
- uglify-js
- uglify-js 是一个 JavaScript 分析/压缩/美化工具(uglify 的意思是丑化,有点讽刺阿)。
于是乎就选择了 less,觉得客服端不太好,还是使用服务器端解析好点。当然,你就必须要安装环境了
windows 安装
1. 安装 node.js(要下载稳定版)
http://www.nodejs.org/
2. 安装 less(带参数 -g)
npm install -g less@latest
3. 运行
lessc --compress all.less > all.min.css
lessc all.less > all.css
问题:
CSS 中用 unicode 时总是报错,要加引号
写了个批处理,总是有问题,还请高手指点
set csspath=C:\Work\YXProject\css\yx\ lessc --compress %csspath%all.less > %csspath%all.min.css lessc %csspath%all.less > %csspath%all.css lessc --compress vie.less > %csspath%ie.min.css lessc %csspath%ie.less > %csspath%ie.css
http://t.qq.com/p/t/147014016941511
后来发现,不知咋地,只要以管理员身份运行就 ok 了 ^^
Linux 安装
$ wget http://nodejs.org/dist/v0.6.18/node-v0.6.18.tar.gz (开发版有问题) $ ./configure --prefix=/opt/node $ make $ make install $ ln -s /opt/node/bin/node /usr/bin/node $ ln -s /opt/node/lib/node_modules/npm/bin/npm-cli.js /usr/bin/npm (路径没有使用默认的,链接库) $ npm install -g less@latest ......
以后可以用下其它的 recess,jshint,uglify-js,HOHO~~~