yeoman과 각도에서 ngAnimate 의존성을 포함하는 방법

Question

나는 yeoman, gruntjs 및 bower의 조합을 사용하여 각 응용 프로그램을 만듭니다. 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

다음과 같은 두 가지 솔루션 중 하나를 시도 할 수 있습니다 : 당신이 종속성으로 파일을 bower.json에 추가 한 후 bower update

또는

실행

1. 을
   2. 프로젝트 디렉토리에 터미널을 열고 실행하십시오 : bower install angular-animate

   두 사람 중 누구라도 bower.json 파일에 유지하고 grunt server를 다시 실행하면 삭제되지 않습니다.

Answer 2

는이 작업을 수행해야한다 :

bower install angular-animate 

2가 < 스크립트 /> 추가 :

1. 이물로 설치 ~까지 당신의 index.html을 :

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

3. 그리고 앱 종속성으로 ngAnimate을 추가

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

이에 대한 자세한 내용은 NG 뉴스 레터 post on ngAnimate보기 단계