Wie füge ich weniger auf meine Eckige 2-CLI bauen?
Ich habe ein Projekt erstellt mit den Eckigen CLI und hinzufügen möchte ich, dass less-Dateien, um die zu bauen. Ich möchte eine main weniger für die gemeinsame und Globale Stile und eine weniger-Datei mit den Komponenten für die lokale Stile. Wie kann ich ein kompilieren von less-Dateien Schritt, um den build-Prozess?
github.com/angular/angular-cli/wiki/stories-css-preprocessors
Fügen Sie Ihre Globale less-Dateien, um "Stile" in .Winkel-cli.json, z.B.
Fügen Sie Ihre Globale less-Dateien, um "Stile" in .Winkel-cli.json, z.B.
"styles": [ "my-style.less", "styles.css"]
da für die Komponente weniger-Datei, nutzen Sie einfach styleUrls: ['./component.less']
InformationsquelleAutor Adrian Brand | 2017-03-08
Du musst angemeldet sein, um einen Kommentar abzugeben.
Beim erstellen eines neuen Projekts, die Sie tun können
ng new project_name --style less
.Es ist schon eine Weile her und ich verwendet, sass. IIRC für sass ich installierte Knoten-sass, nannte alle css-Dateien in scss und Ihre Referenzen. Dann habe ich etwas im Winkel-cli.json, aber du kannst auch
ng set defaults.styleExt scss
. Sollte ähnliches für weniger.Für nach der Installation, führen Sie npm install-weniger-speichern und benennen Sie alle CSS-Dateien in Ihre Komponenten-Verzeichnis zu weniger.
InformationsquelleAutor Dormouse
Zur post-Installation, Ausführung
Dann :
- benennen Sie alle CSS-Dateien in Ihre Komponenten-Verzeichnis zu weniger
InformationsquelleAutor Salim Hamidi
Beim erstellen eines neuen Projekts Sie können auch definieren, welche die Erweiterung, die Sie möchten für style-Dateien:
Oder legen Sie die Standard-Stil auf ein vorhandenes Projekt:
😉
InformationsquelleAutor Rainer Larin-Fonseca
Öffnen .Winkel-cli.json-Datei und fügen Sie den Pfad zu Ihrer .weniger Datei in der "styles" - Attribut.
Zum Beispiel.
InformationsquelleAutor Camilo Soto
Nutzten wir den folgenden Befehl zum aktualisieren des Standard-style-type für unser bestehendes Winkel-Projekt von
styl
zuless
.Folgenden snippet nehmen von unserem Winkel.json-Datei, zeigt die Veränderung:
InformationsquelleAutor Seymour