Heim > Artikel > Web-Frontend > Konfigurationsmethode für Bower-Overrides
bower ist ein häufig verwendetes Paketverwaltungstool. Es ist npm sehr ähnlich, es gibt jedoch einige Unterschiede zwischen den beiden. Sie können sich darauf beziehen: Was ist der Unterschied zwischen Bower und npm? Ich werde hier nicht über Bower selbst sprechen, aber ich möchte über die Overrides-Konfiguration von Bower sprechen.
Override selbst bedeutet Override. Tatsächlich besteht seine Funktion auch darin, die ursprüngliche Konfiguration abhängiger Pakete zu überschreiben. Wenn Sie Bower-Abhängigkeitspaketdateien manuell einführen, ist diese Konfiguration nutzlos. Wenn Sie jedoch automatische Injektionstools wie Wiredep verwenden, sind Überschreibungen sehr nützlich.
Zum Beispiel verwenden wir Bower, um das ace-builds-Paket zu installieren:
bower install ace-builds --save
und verwenden dann wiredep, um Bower-Abhängigkeiten automatisch einzufügen:
$ node > require('wiredep')({ src: 'index.html' });
(siehe Wiredep-Dokumentation für bestimmte Befehle)
Sie werden feststellen, dass keine der ace-builds-bezogenen Dateien in index.html eingefügt werden. Warum ist das so?
Öffnen Sie die Datei „bower.json“ des Abhängigkeitspakets von ace-builds:
Sie werden feststellen, dass die Option main
darin nicht konfiguriert ist , und die automatische Injektion von wiredep bestimmt tatsächlich, welche Dateien basierend auf der Option main
in jedem Abhängigkeitspaket eingefügt werden sollen. Ohne main
kann wiredep nicht automatisch injiziert werden.
Hier kommt die Overrides-Option zum Einsatz:
"overrides": { "ace-builds": { "main": [ "src-min-noconflict/ace.js", "src-min-noconflict/mode-yaml.js", "src-min-noconflict/mode-javascript.js", "src-min-noconflict/theme-github.js", "src-min-noconflict/ext-language_tools.js" ] } }
Geben Sie die Dateien an, die wir automatisch einfügen müssen.
Das obige ist der detaillierte Inhalt vonKonfigurationsmethode für Bower-Overrides. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!