Может ли bower автоматически записывать тэги <script> в index.html?

Я использую генератор позвоночника yoman, и я побежал это:

bower install backbone.localStorage -S

И мне вручную пришлось вставить это в index.html:

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

Есть ли какой-нибудь способ для автоматической установки тегов <script>. Я думал, что часть выгоды беседы не должна была выяснить, в каком порядке включить ваши сценарии?

Ответ 1

Просто запустите

grunt bowerInstall

после установки bower

Ответ 2

Вы можете использовать wiredep, чтобы вставлять зависимости в ваш код HTML из беседки. Это подход используемый генератором angular при запуске 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}}">'
});

Ответ 3

Bower не будет добавлять поддержку для определенной функции, подобной этой, но скоро вы сможете указать действие, которое нужно предпринять после установки "bower install" нового пакета. Это будет называться "postinstall", аналогичным npm.

Тем временем, однако, я создал библиотеку, чтобы помочь с этим. Поскольку вы используете yoman, просто добавьте "grunt-bower-install" в качестве npm "devDependency", а затем следуйте инструкциям здесь: https://github.com/stephenplusplus/grunt-bower-install.

Ответ 4

Использовать --save

bower install --save <YOUR_PACKAGE>

Параметр --save обновляет файл bower.json с зависимостями. Это избавит вас от необходимости вручную добавить его в bower.json самостоятельно. Вы увидите, что раздел script в нижней части index.html автоматически обновлен.

Ссылка: http://yeoman.io/codelab/install-packages.html