Nach this question ist es möglich, CSS-Datei von weniger v.1.4.0 zu importieren.
Ich habe versucht, gulp-less
Aufgabe zu verwenden, und es funktioniert nicht.
Es gibt eine Möglichkeit, CSS-Datei wie folgt zu importieren: @import "../spritesheet.css";
mit NodeJS Schluck?Importieren Sie .css-Datei in Less mit nodejs gulp
Antwort
Es gibt mehrere Möglichkeiten, Dateien in LESS einzuschließen, je nachdem, was Sie benötigen. Verwenden Sie dazu @import ([keyword]) "filename"
.
erlaubt Stichworte sind:
- reference: use a Less file but do not output it
- inline: include the source file in the output but do not process it
- less: treat the file as a Less file, no matter what the file extension
- css: treat the file as a CSS file, no matter what the file extension
- once: only include the file once (this is default behavior)
- multiple: include the file multiple times
- optional: continue compiling when file is not found
Es mir nicht klar ist, was Ihr Anwendungsfall ist, aber wenn Sie möchten den Inhalt spritesheet.css
weiter in Ihrer LESS-Datei verwenden (zum Beispiel erweitern Klassen definiert in Ihrem Spritesheet) Sie benötigen das Schlüsselwort (less)
.
Wenn Sie nur den Inhalt von spritesheet.css
in Ihre Ausgabedatei einfügen möchten, ohne auf sie innerhalb der LESS-Datei zuzugreifen, bleiben Sie bei (inline)
.
@import (inline) ist die Antwort !! Vielen Dank!! – cheziHoyzer
Definieren Sie "es funktioniert nicht"? Was genau willst du genau erreichen? Müssen Sie auf Klassen zugreifen, die in der CSS-Datei für die Wiederverwendung in der .less-Datei definiert sind? –
events.js: 72 werfen er; // Unbehandeltes "Fehler" -Ereignis ^ Fehler: Gebrochene @ import-Deklaration von "../spritesheet.css" – cheziHoyzer