Kompilieren weniger Datei mit angular2 CLI

8

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

%Vor%

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     
Ohan 22.06.2016, 19:18
quelle

3 Antworten

14

öffne angular-cli.json und füge einen neuen Eintrag in das styles-Array ein

%Vor%

Installieren Sie weniger, wenn nötig. Ich weiß nicht, ob das erforderlich ist. Aber ich hatte das schon vorher gemacht.

%Vor%     
Shardul 24.01.2017 21:37
quelle
4

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

importiert habe

@import (less) "./src/app/shared/other.less";

es funktioniert jetzt ohne Fehler.

Bearbeiten : Es funktioniert auch mit @import (less) "./src/app/other.less"; .

    
Kaspars Bergs 22.06.2016 20:18
quelle
0

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

  • um
  • ändern Sie ['./xxx.component.css'] um ['./xxx.component.less] in jeder Komponentendatei

Wenn Sie scss lieber als weniger wollen, tun Sie etwas

    
Salim Hamidi 26.11.2017 20:12
quelle

Tags und Links