Bower peut-il écrire automatiquement <script> tags into index.html?

Question

J'utilise le générateur de backbone de yeoman, et j'ai lancé ceci:

 bower install backbone.localStorage -S
 

Et je devais insérer manuellement ceci dans index.html:

 <script src="bower_components/backbone.localStorage/backbone.localStorage.js"></script>
 

Existe-t-il un moyen pour que Bower insère automatiquement les balises <script> ? Je pensais que l’un des avantages de Bower n’était pas de chercher dans quel ordre inclure vos scripts?

Answer 1

Juste courir

 grunt bowerInstall 
 

après l'installation de la tonnelle

Answer 2

Vous pouvez utiliser wiredep pour insérer des dépendances dans votre code HTML à partir de Bower. C'est l'approche utilisée par générateur angulaire lorsque vous exécutez yo angular :

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

Answer 3

Bower ne pas ajouter le support d'une fonction spécifique comme cela, mais bientôt vous permettent de spécifier l'action à entreprendre après " la charmille installer avec un nouveau package. Ce sera appelée une "postinstall," semblable à la ngp.

Dans l'intervalle, toutefois, j'ai créé une bibliothèque pour vous y aider. Depuis que vous utilisez yeoman, il suffit d'ajouter "grunt-bower-installer" comme un mécanisme national de prévention 'devDependency", puis suivez les instructions ici: https://github.com/stephenplusplus/grunt-bower-install.