wake-up-neo.com

weniger @import funktioniert nicht

<head>
    <link rel="stylesheet/less" href="less/news.less">
</head>
<body>
    <script src="less.js"></script>
</body>

news.less sieht so aus;

@import: "libs/base.less"

base.less sieht so aus;

@import "colors.less";
@import "mixins.less";
@import "bootstap.less";
@import "font-aweseome.less"

body {
    background-color: @light-grey;
}

bootstrap.less und font-awesome.less sind CSS-Dateien mit einer geänderten Erweiterung. Alle Dateien befinden sich in den richtigen Ordnern. 

Bei der Suche im Browser wird das Styling in base.less ignoriert, was bedeutet, dass meine Importe nicht funktionieren. 

Kann jemand irgendwelche Tipps geben?

Vielen Dank!

23
Kevin Lewis

Ihre @import-Anweisungen müssen diesem Format entsprechen:

@import "styles.less";

@import "font-aweseome.less" funktioniert nicht, da am Ende kein Semikolon steht.

@import: "libs/base.less" funktioniert nicht, da sich hinter der Importanweisung ein Doppelpunkt befindet. 

46
jonschlinkert

Warum der Doppelpunkt in:

@import: "libs/base.less"

Ich denke, es ist besser, nach allen @ import-s ein Semikolon zu haben.

Schauen Sie in der Konsole nach, um sich zu vergewissern, dass die Pfade korrekt sind und der Browser nicht versucht, eine kleinere Datei mit der falschen URL zu laden.

3
Tamás Pap

Versuchen Sie folgendes: @ Import url ('Your Path');

0
Abdul Basit

zu importieren ist 

@import "styles.less";
0
Fel