Question

我正在使用yeoman的骨干生成器，我跑了这个：

bower install backbone.localStorage -S

我手动将其插入index.html：

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

bower是否有某种方法可以自动插入<script>标签？我认为凉亭的部分好处是不必弄清楚包含你的脚本的顺序是什么？

Answer 1

跑步

grunt bowerInstall

安装凉亭后

Answer 2

您可以使用wiredep将依赖项从bower推送到HTML代码中。运行yo angular：

时，这是方法used by generator-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不会添加对此类特定功能的支持，但很快就会允许您指定在“bower安装”新程序包后执行的操作。这将被称为“postinstall”，类似于npm。

然而，与此同时，我创建了一个库来帮助解决这个问题。由于您使用的是yeoman，只需将“grunt-bower-install”添加为npm'devDependency'，然后按照此处的说明进行操作：https://github.com/stephenplusplus/grunt-bower-install。

Answer 4

使用--save

bower install --save <YOUR_PACKAGE>

--save选项使用依赖项更新bower.json文件。这将使您不必自己手动将其添加到bower.json。 您会看到index.html底部的脚本部分已自动更新。

参考：http://yeoman.io/codelab/install-packages.html

Bower能否自动将<script>标签写入index.html？</script>

4 个答案: