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

Question

我使用自耕农，gruntjs和凉亭的组合创建一个角度应用程序。我用yo angular myapp安装了我的角度应用程序，然后添加了几个与bower的依赖关系，最后我将运行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。添加＆lt;脚本/＆gt; 到index.html：

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

第3。并添加ngAnimate作为您应用的依赖项：

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

有关这些步骤的详情，请参阅ng-newsletter post on ngAnimate

Answer 2

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

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

或

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

任何一个都会将它保存到你的bower.json文件中，并且当你再次运行grunt服务器时不会删除它。