Kann bower automatisch <script> -Tags in index.html schreiben?
Ich verwende den Backbone-Generator von yeoman und habe Folgendes ausgeführt:
bower install backbone.localStorage -S
Und ich musste dies manuell in index.html einfügen:
<script src="bower_components/backbone.localStorage/backbone.localStorage.js"></script>
Gibt es eine Möglichkeit für Bower, automatisch <script> - Tags einzufügen? Ich dachte, ein Teil des Nutzens von Bower war, nicht herauszufinden, in welcher Reihenfolge Ihre Skripte enthalten sein sollten?
Renn einfach
grunt bowerInstall
nach der Laube installieren
Sie können wiredep verwenden, um Abhängigkeiten von bower in Ihren HTML-Code zu übertragen. Dies ist der Ansatz wird von generator-angular verwendet wenn Sie yo angular Ausführen:
var wiredep = require('wiredep');
wiredep({
directory: 'app/bower_components',
bowerJson: JSON.parse(fs.readFileSync('./bower.json')),
ignorePath: 'app/',
htmlFile: 'app/index.html',
cssPattern: '<link rel="stylesheet" href="{{filePath}}">'
});
Bower fügt keine Unterstützung für eine bestimmte Funktion wie diese hinzu, bietet Ihnen jedoch bald die Möglichkeit, eine Aktion anzugeben, die nach der Installation eines neuen Pakets ausgeführt werden soll. Dies wird "postinstall" genannt, ähnlich wie npm.
In der Zwischenzeit habe ich jedoch eine Bibliothek erstellt, um Ihnen dabei zu helfen. Da Sie yeoman verwenden, fügen Sie einfach "grunt-bower-install" als npm "devDependency" hinzu und folgen Sie den Anweisungen hier: https://github.com/stephenplusplus/grunt-bower-install =.
Verwenden Sie --save
bower install --save <YOUR_PACKAGE>
Die Option --save aktualisiert die Datei bower.json mit Abhängigkeiten. Dies erspart Ihnen das manuelle Hinzufügen zu bower.json. Sie werden feststellen, dass der Skriptabschnitt am Ende von index.html automatisch aktualisiert wurde.