webentwicklung-frage-antwort-db.com.de

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?

61
CaptSaltyJack

Renn einfach

grunt bowerInstall 

nach der Laube installieren

43
mvilrokx

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}}">'
});
16
Kato

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 =.

8
Stephen

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.

Referenz: http://yeoman.io/codelab/install-packages.html

4