Less can';不要让grunt contrib减少以正确导入
我有以下几点Less can';不要让grunt contrib减少以正确导入,less,gruntjs,Less,Gruntjs,我有以下几点 .signature-overlay { width: 100%; height: 100%; top: 0; left: 0; background-color: #000; position: absolute; **.opacity(.6);** } 下面是我的grunt文件 less: { development: { options: { paths: ["default/less","default/less/bootstr
.signature-overlay {
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #000;
position: absolute;
**.opacity(.6);**
}
下面是我的grunt文件
less: {
development: {
options: {
paths: ["default/less","default/less/bootstrap"]
},
files: {
"css/less.css": ['less/*.less']
}
}
}
和在default/less/bootstrap/mixins.less中声明的不透明度
.opacity(@opacity) {
opacity: @opacity;
// IE8 filter
@opacity-ie: (@opacity * 100);
filter: ~"alpha(opacity=@{opacity-ie})";
}
但当我咕噜咕噜地跑的时候,我得到
Running "less:development" (less) task
>> NameError: .opacity is undefined in less/sigature.less on line 61, column 5:
>> 60 position: absolute;
>> 61 .opacity(.6);
>> 62 }
Warning: Error compiling less/signature.less Us
--force to continue.
问题是您需要包括mixin.less,如下所示:
@import "bootstrap/mixins.less"; //I don't know you folder organizations
//..code...
.signature-overlay {
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #000;
position: absolute;
.opacity(.6);
}
前面的答案让我走上了正确的道路。我没有构建所有需要的内容,而是指向包含导入的单个文件。这似乎使它起了作用 您是否包含mixins.less?这应该已经在core.less中完成,它是一个不同的less文件。这是否意味着我应该编译核心文件,而不是编译所有文件?确切地说,试着只编译核心文件@Jackie