Может Бауэр автоматически записывать теги в индекс.HTML-код?

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

bower install backbone.localStorage -S

и я вручную должен был вставить это в индекс.html:

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

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

4 61
bower yeoman

4 ответа:

просто запустить 

grunt bowerInstall

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

43

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

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

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

8

использовать-сохранить

bower install --save <YOUR_PACKAGE>

опция --save обновляет беседку.JSON-файл с зависимостями. Это избавит вас от необходимости вручную добавить его в беседке.в JSON себя. вы увидите, что раздел скрипт в нижней части индекса.html автоматически обновляется.

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

2