Ich habe folgende Einstellungen in angular-cli-build
%Vor% Ich habe zwei Dateien ohne Test im Verzeichnis src
.
test1.less
%Vor%test2.less
%Vor% Wenn ich ng build
das Projekt wirft es einen Fehler
Ich habe Ausgabe 873 eine vorübergehende Lösung versucht. Der Fehler ist verschwunden, konnte aber keine kompilierten CSS-Dateien finden. bitte hilfe. wie kompiliert man angepasste bootstrap less-Dateien in angular2 project, das von angle-cli erstellt wird.
Wie kann ich die weniger Dateien des bootstrap (blieb innerhalb von node_module) mit meinen benutzerdefinierten lesses
erweitern Wenn Sie weniger mit npm install less --save
installieren und die CSS-Datei im Verzeichnis Ihrer Komponente umbenennen, sollte es funktionieren.
Das Gleiche funktioniert für sass, wie in angular-cli
documentation / Readme-Datei beschrieben.
Ich habe den Import gemacht, indem ich die other.less
-Datei in /shared directory
eingefügt und sie mit dem vollständigen Pfad ./src/app/shared/other.less
@import (less) "./src/app/shared/other.less";
es funktioniert jetzt ohne Fehler.
Bearbeiten : Es funktioniert auch mit @import (less) "./src/app/other.less";
.
Beim Erstellen eines neuen Projekts:
%Vor%Wenn Sie sich Ihr Projekt ansehen, finden Sie in jedem Komponentenordner weniger als eine Datei in der einen Hand. Wenn Sie andererseits die Datei component.ts einer Komponente betrachten, finden Sie in @Component, styleUrls: ['./xxx.component**.less**'] anstelle von ['./ xxx.component **. css ** ']
Für die Nachinstallation sagen Sie wie @Kaspars:
%Vor%Wenn fertig:
Benenne alle CSS-Dateien im Verzeichnis deiner Komponente in weniger
ändern Sie ['./xxx.component.css'] um ['./xxx.component.less] in jeder Komponentendatei
Wenn Sie scss lieber als weniger wollen, tun Sie etwas
Tags und Links angular less angular-cli