我已经发现了这个问题:lessc returns empty CSS file但它没有帮助。 我使用的是Mac OS X Yosemite。 我安装了这些软件包:
$ npm list -g --depth=0
/usr/local/lib
├── bower@1.3.12
├── grunt-cli@0.1.13
├── gulp@3.8.10
├── learnyounode@2.3.3
├── less@2.4.0
├── n@1.2.13
└── npm@1.2.15
但是当我尝试
时$ lessc style.less > style.css
它只会创建一个空的css文件。我现在已经下载了SimpleLESS,并且正确编译了相同的.less文件。
我做错了什么?
我在lesscss.org上尝试了一个文件style.less:
的例子@base: #f938ab;
.box-shadow(@style, @c) when (iscolor(@c)) {
-webkit-box-shadow: @style @c;
box-shadow: @style @c;
}
.box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {
.box-shadow(@style, rgba(0, 0, 0, @alpha));
}
.box {
color: saturate(@base, 5%);
border-color: lighten(@base, 30%);
div { .box-shadow(0 0 5px, 30%) }
}
我使用lessc 2.4.0:
$ lessc --version
lessc 2.4.0 (Less Compiler) [JavaScript]