如何参考Bower添加的包裹？

Question

在VS.NET 2015中,我在bower.json中为angularjs添加了一个引用.这导致了angularjs包的下载,我可以在Bower文件夹中看到.

但是,我无法执行任何angularjs代码.我在HTML标签中有一个ng-app.如果我向angularjs库添加CDN引用,它可以正常工作.

使用Bower下载的软件包我错过了什么？

Answer 1

您缺少的是在index.html中的bower_components文件夹中引用下载的库.

例如,假设你加入restangular了凉亭.该库位于./bower_components/restangularindex.html(您的SPA)中.你会像这样引用它:

    <script src="../bower_components/restangular/dist/restangular.js"></script>

请注意,有时您应该添加所有库主文件(js和css),因为您需要检查库中main包含的属性的值bower.json.为我们的例子bower.json中 ../bower_components/restangular/,我们有:

"main": "./dist/restangular.js", 在.bowerrc文件中,您可以在我的示例中定义下载库的目录,它将是bower_components.

在.csproj文件中添加

    <Content Include="bower_components/restangular/dist/restangular.js" />

使用可以看到这个例子