Я пытаюсь скомпилировать 2 меньше файлов, используя lessc для nodejs.Компиляция без файлов с lessc
мои файлы организованы в следующем порядке:
lessc файл находится в C: \ Test \ меньше \ бен, test.less и all.less файлы находятся в C: \ Test \ CSS
моя команда lessc линия:
lessc --include-path="..\..\test" "C:\test\css\all.less" "C:\test\css\all.css"
Мой файл all.less выглядит следующим образом:
@import: ".\test.less";
.transition(@transition) {
weight: 1px+1em;
-webkit-transition: @transition;
-moz-transition: @transition;
-o-transition: @transition;
transition: @transition;
}
.opacity(@opacity) {
opacity: @opacity/100;
filter: ~"alpha([email protected]{opacity})";
}
a {
.transition(all 0.4s) ;
&:hover {
.opacity(70);
.testClass;
}
}
// Selector interpolation only works in 1.3.1+. Try it!
@theGoodThings: ~".food, .beer, .sleep, .javascript";
@{theGoodThings} {
font-weight: bold;
size: 50px;
filter: e("ms:alwaysHasItsOwnSyntax.For.Stuff()");
}
и test.less файл выглядит следующим образом:
.testClass {
content: replace("Hello, Mars?", "Mars\?", "Earth!");
content: replace("One + one = 4", "one", "2", "gi");
content: replace('This is a string.', "(string)\.$", "new $1.");
content: replace(~"bar-1", '1', '2');
}
Проблема заключается в том, когда я запускаю команду, все я получаю и ошибка объяснения .testClass неопределен
NameError: .testClass is undefined in C:\test\css\all.less on line 19, column 3:
18 .opacity(70);
19 .testClass;
20 }
I пытается любой аргумент и даже попытался отладить код lessc, но не смог найти решение. Похоже, что @import файла test.less в файле all.less игнорируется во время компиляции и не может найти класс .testClass в файле test.less.
Что мне не хватает? я использую неправильные аргументы?