使用LESS编译Bootstrap
投稿于 被查看 29292 次 评论：119
使用LESS编译Bootstrap
一、node环境下，npm 安装less编译器
带有makefile的Node.js
运行下列命令，利用npm在全局环境下安装LESS命令行编译器和uglify-js：
$ npm install -g less uglify-js
安装成功后，在您的Bootstrap的根目录下运行 make 即可编译CSS。
此外，如果您已经安装了 watchr ，您可以运行 make watch ， 这样您每次修改Bootstrap后，就会自动重编译Bootstrap。（不是必须运行，这样做仅仅是出于方便。
二、node环境下命令行编译less
在Node下运行下列命令安装LESS命令行工具：
[color=DarkRed]$ lessc ./lib/bootstrap.less > bootstrap.css[/color]
如果想压缩生成的css大小，就一定要在命令行参数中包含 --compress 。
三、用javascript（less.js）编译
下载最新的 Less.js 并在 <head> 中包含Bootstrap中的less路径和less.js文件路径。
<link rel="stylesheet/less" href="/path/to/bootstrap.less">
<script src="/path/to/less.js"></script>
要重编译.less文件，只要在保存文件后刷新页面。Less.js会重新编译.less文件并进行本地存储。
用户评论