WENIGER mehrere Import Ausgabe

Ich habe die folgenden Dateien:WENIGER mehrere Import Ausgabe

popup.less

.popup {background-color: black;} 
.popup-arrow { ... }

tooltip.less

@import (reference) 'popup'; 
.tooltip { &:extend(.popup all);}

deps.less

@import 'tooltip'; 
@import 'popup';

Ich möchte kompiliere ein CSS von deps.less, aber in diesem CSS, das Der Tooltip-Stil ist vor Ort, aber ich finde nirgendwo einen .popup-Stil.

Wenn ich diesen Popup-Import von tooltip.less los werde, erscheint der Stil für .popup, aber wenn ich es wie oben verlasse, ist .popup nirgendwo zu finden.

Können Sie mir sagen, was los ist?

Quelle

2016-07-14 Vlăduț Angel Stan

Das reference Schlüsselwort verhindert, dass eine Datei in der Ausgabe erscheinen:

von hier: http://lesscss.org/features/

Die folgenden Import Richtlinien umgesetzt wurden:

Referenz: Verwenden Sie eine weniger Datei aber tun nicht ausgegeben

Quelle

2016-07-14 09:54:28 Andrew

ja, aber die 'Referenz' ist nur für die Tooltip.less-Datei. Ich importiere die Datei noch einmal in deps.less mit keinem 'reference' Schlüsselwort –

Sie müssen nicht darauf verweisen, es sei denn, Sie erstellen tooltip.css. Es wird trotzdem referenziert und funktioniert wie erwartet. – Andrew

Was ist, wenn ich beide Operationen machen möchte? Nehmen wir an, ich habe einen 2-Modus-Compiler für die Entwicklung und Veröffentlichung. Im Release-Modus benutze ich diese deps.less, aber im Entwicklungsmodus benutze ich Dateien einzeln (tooltip.css). –

WENIGER mehrere Import Ausgabe

Antwort

Verwandte Themen