Ich möchte eine gulpfile.js anpassen und meinen bower_components/ Ordner in app/bower_components/ ändern.
Ich habe das Verzeichnis in .bowerrc aktualisiert, also benutze ich jetzt jedes Mal, wenn ich bower install mache, das richtige:
Nun, wie kann gulp-wiredep den richtigen Sass-Pfad in meine Sass-Hauptdatei schreiben?
Zum Beispiel fügt gulp-wiredep die folgende Zeile in meine main.scss -Datei direkt nach // bower:scss :
@import "bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss";
Es sollte jetzt @import "app/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss";
Wie kann ich diesen Pfad ändern? Ich glaube, es ist eine Konfiguration in der Aufgabe wiredep :
Aber ich weiß nicht, wie ich das konfigurieren kann, um zu tun, was ich brauche, ich konnte keine Dokumentation darüber finden.
Ich weiß, wenn ich diesen Pfad in meiner Sass-Datei manuell in "app/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss" ändere, funktioniert gulp serve , aber sobald ich eine Bower-Komponente installiere, wird der Pfad auf den ohne app/ geändert. am Anfang wieder und es wird die Aufgabe brechen.
Wie behebt man das?
Fertig:
%Vor% Sie können die Option directory von wiredep verwenden:
Siehe auch ihre Dokumentation
Stattdessen können Sie bindep verwenden (für Installationstyp npm bindep oder Ссылка ). Es ermöglicht das Erstellen komplexer Projekte mit optionalen Submodulen, Ressourcenzuordnungen, Dateikonvertierungen (z. B. weniger Dateien) und benutzerdefinierter Vorverarbeitung. In html können Sie angeben, welche Submodule in einer einzelnen Bower-Komponente, die Sie wollen, können Sie Dateien filtern, Dateien vorverarbeiten, die Ihre Parameter übergeben ... In der Konfiguration können Sie festlegen, wo Sie jede Art von Ressource, Vorlagen, Konverter, lokale Abhängigkeiten, .... setzen möchten.