kompilieren weniger-Datei mit angular2 cli

Habe ich folgende Einstellungen innerhalb eckig-cli-bauen 

Angular2App(defaults,{
 lessCompiler: {
     includePaths: [
       'src/app'
      ],
   }
})

Ich'have zwei test-weniger-Dateien in src Verzeichnis.

test1.weniger

//some code

test2.weniger

@import "test1.less";

wenn ich ng build das Projekt wirft es einen Fehler

Build failed.
File: input (1)
The Broccoli Plugin: [LESSPlugin] failed with:
undefined

Habe ich versucht, Problem 873 temporäre Lösung. Der Fehler verschwunden.konnte aber nicht finden, jede kompilierte css-Dateien.
bitte helfen Sie. wie kompilieren Sie angepasste bootstrap-less-Dateien in angular2 Projekt, welches aufgebaut ist durch die Winkel-cli.

wie könnte ich das erweitern der bootstrap-weniger-Datei(blieb in node_modules) mit meine eigene lesses

InformationsquelleAutor Borhan | 2016-06-22
  1. 14

    öffnen angular-cli.json und fügen Sie einen neuen Eintrag in der styles-array

    "styles": [
    "styles.css",
    "less/app.less"
  ],

    Installieren weniger, wenn nötig. Ich weiß nicht, ob dies erforderlich ist. Aber ich hatte dies vorher.

    npm install less --save
    • Funktioniert auf 1.0.0-beta.25.5. Explizite weniger installation nicht benötigt.
    • Ich habe installieren müssen weniger
    InformationsquelleAutor Shardul
  2. 4

    Wenn Sie weniger mit npm install less --save und benennen Sie die CSS-Datei in Ihre Komponenten-Verzeichnis, sollte es funktionieren.
    Funktioniert auf die gleiche für sass, wie beschrieben in angular-cli Dokumentation/Readme-Datei.

    Machte ich den import arbeiten, indem Sie die other.less Datei in /shared directory importieren und es mit dem vollständigen Pfad ./src/app/shared/other.less

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

    funktioniert es ohne eine Fehlermeldung jetzt.

    Bearbeiten: es scheint zu funktionieren mit @import (less) "./src/app/other.less";als gut.

    • Ich habe getan, was beschrieben in Ihren doc. aber es funktioniert nicht. nur die css-Datei generieren, mit nichts drin. (leer). haben Sie versucht es erfolgreich? bitte lassen Sie mich wissen. @JS_astronauts
    • Ich startete ein neues Projekt mit ng new lesstest und es funktioniert für mich, zuerst war ich versucht, Knoten-und sass später getestet habe ich es mit weniger. es funktioniert, ich habe nicht zu gehen, um in ` angular-cli-build` und die .css - Datei kompiliert wird in dist/app/
    • würden Sie bitte versuchen, wenn @import funktioniert oder nicht im setup?
    • aktualisierte Antwort mit eine hack-Lösung.
    • vielen Dank maestro 🙂 es funktioniert !
    • aber dieser stellt sich ein anderes problem.. wie könnte ich das erweitern der bootstrap-weniger-Datei(blieb in node_modules) mit meine eigene lesses, wenn die @import nicht den relativen Pfad??? Ich meine Stiefelriemen weniger-Datei geschrieben hat, in relative Pfade.

    InformationsquelleAutor KB_
  3. 1

    Beim erstellen eines neuen Projekts :

    ng new project_name --style less

    Dann, wenn man einen Blick auf Ihr Projekt, finden Sie eine weniger-Datei in jeder Komponente Ordner statt in css ein, in der einen hand. Und in der anderen hand, wenn Sie an die Komponente.ts-Datei der Komponente, die Sie 'll finden Sie im @ - Komponente, styleUrls: ['./xxx.Komponente**.weniger**'] anstatt ['./xxx.Komponente**.css**']

    Für post-install machen, wie @Kaspar sagte:

    npm install less --save

    Wenn Sie fertig sind :

    • benennen Sie alle CSS-Dateien in Ihre Komponenten-Verzeichnis zu weniger

    • ändern ['./xxx.Komponente.css'] durch ['./xxx.Komponente.less'] in jeder Komponente Datei

    Wenn Sie möchten, scss statt weniger, tun das einige, was

    InformationsquelleAutor Salim Hamidi
Schreibe einen Kommentar