Grunt bower_concat fügt kein css hinzu

8

Ich versuche, alle meine CSS aus meinen bower_components mit bower_concat Ссылка zu kompilieren. Die js kompiliert gut, aber die CSS wird nie erstellt. Hier ist mein Grunt-Dateicode für diesen Abschnitt:

%Vor%

Es wird niemals "_bower.css" erstellt. Warum funktioniert nicht so, wie es sollte?

    
ecorvo 26.09.2015, 23:54
quelle

4 Antworten

1

Grunzen-Lauben concat (und Grunzen-wiredep auch) auf dem Konzept arbeiten Dateien zu bündeln zusammen in main Feld des bower.json des jeweiligen Pakets genannt.

Zunächst gab es keine Spezifikation, die definierte, was in main in der bower.json-Datei enthalten sein sollte. Es war einzig und allein Sache des Paketerstellers, diese Wahl zu treffen. Dann definieren Haupt als Einstiegspunkt-Dateien, eine pro-Datei des Typs kam (diese führen zu bekannten Bibliotheken wie < a href="https://github.com/twbs/bootstrap/pull/16359"> Bootstrap und Font ehrfürchtig die CSS-Dateien aus main Feld zu entfernen, Rendering-Werkzeuge wie Grunzen-Lauben concat nutzlos ohne Handbetätigung)

%Vor%

Daher ist eine wahrscheinliche Ursache für das Problem, das Sie auf die Tatsache, würden gegenüberstehen, dass die main Feld des Bower-Paket, das Sie enthalten versuchen, nicht die CSS-Dateien verweisen.

    
Prayag Verma 08.01.2016, 09:29
quelle
1

Ich habe es nach dem Konfigurationsbeispiel unten auf der Seite korrigiert Fügen Sie stattdessen die Ziele im Parameter all hinzu, erstellen Sie den Parameter dest und legen Sie js / css-Ziele individuell fest:

%Vor%     
vytfla 10.03.2016 23:33
quelle
1

Ab Release 1.0.0 gibt es eine neue API und cssDest wurde entfernt:

%Vor%

Siehe Release Notes hier .

    
CR Rollyson 19.07.2016 19:32
quelle
0

Mein Problem war, dass mir eine Datei im css-Verzeichnis fehlte

  1. pkg.name.less (Dies muss mit dem in. definierten Paketnamen übereinstimmen package.json) und muss Folgendes enthalten: @import "auto_imports.less";

Dies beinhaltet im Grunde genommen das Include-Auto, das von meiner Grunt-Datei (auto_imports.less) generiert wird und eine Menge Includes enthält (jede .less-Datei, die Sie in Ihrer App haben könnten). Und auto_imports.less

Und ich musste das auch ausführen:

%Vor%

Vor bower_concat , damit es alle Bibliotheken von Drittanbietern bekommen kann, und deshalb war bower_concat für mich zumindest für das CSS nicht geeignet. Ich habe die ganze Gruntfile neu geschrieben, also wenn es kopiert wird, sollte es gut funktionieren. Ich habe daraus eine Vorlage für mein zukünftiges Projekt gemacht lol

Hier ist die vollständige Gruntfile.js, hoffentlich macht es Sinn, wenn man es sich anschaut

%Vor%     
ecorvo 07.01.2016 20:07
quelle

Tags und Links