Question

我正在尝试将角度浮动库添加到自然脚手架角度项目中。

我使用

添加了它

bower i --save angular-flot

将其拉入我的bower_components目录但未将其添加到index.html文件中。

我手动添加它（以及对flot CDN的引用）并且使用

工作正常

grunt serve

然而，当我做

时

grunt build

并从/dist目录加载index.html文件，我收到一条错误，指出不包含angular-flot。所以我认为这不是通过缩小。

这是我的index.html相关部分的外观。我在endbower和endbuild

之间手动添加了三行

<!-- build:js(.) scripts/vendor.js -->
<!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-messages/angular-messages.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-touch/angular-touch.js"></script>
<!-- endbower -->

<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/flot/0.8.2/jquery.flot.min.js"></script>
<script src="bower_components/angular-flot/angular-flot.js"></script>

<!-- endbuild -->

Answer 1

您是否尝试过grunt wiredep？这应该将依赖项添加到index.html。此外，您需要确保您的相关性包含在app.js：

中

angular.module('yourApp', [
  'ngMessages',
  'ngRoute',
  'ngSanitize',
  //...
  'angular-flot'
])

Bower不会向index.html添加依赖性

1 个答案: