2015-04-19 8 views
8

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

+0

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? –

+0

events.js: 72 werfen er; // Unbehandeltes "Fehler" -Ereignis ^ Fehler: Gebrochene @ import-Deklaration von "../spritesheet.css" – cheziHoyzer

Antwort

6

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

Lesscss.org - Import Options

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).

+0

@import (inline) ist die Antwort !! Vielen Dank!! – cheziHoyzer