如何在yeoman中包含ngAnimate依赖关系

Question

我使用自耕农,gruntjs和凉亭的组合创建一个角度应用程序.我安装了我的角度应用程序,yo angular myapp然后添加了几个依赖与凉亭,最后我会跑,grunt server并开始工作.

只有当我尝试添加ng-animate依赖项时,才会遇到问题.此依赖项已下载但其脚本标记index.html未添加到该karma.conf.js文件中,并且所需的引用未添加到文件中.

我试图手动添加这两个引用:

在里面 index.html

<script src="bower_components/angular-animate/angular-animate.js"></script>

并在 karma/conf.js

files: [
  ...
  'app/bower_components/angular-animate/angular-animate.js',
  ...
],

但这只有在grunt server已经运行的情况下才有效.如果我停止服务器并再次重新运行它,我手动添加的两个引用就会消失.我该如何解决这个问题？

谢谢

Answer 1

你必须这样做:

1.用凉亭安装:

bower install angular-animate

2. 在index.html中添加<script />:

< script src="/bower_components/angular-animate/angular-animate.js"></script >

3.添加ngAnimate作为应用程序的依赖项:

angular.module('myApp', ['ngAnimate']);

有关这些步骤的更多信息,请参阅ngAnimate上的ng-newsletter 帖子

Answer 2

您可以尝试以下两种解决方案之一：

1. 将其作为依赖项添加到 Bower.json 文件中，然后运行bower update

或者

2. 在项目目录中打开终端并运行：bower install angular-animate

任何一个都会将其保存到您的 Bower.json 文件中，并导致当您再次运行 grunt 服务器时它不会被删除。