각도 종속성에 대한 Google CDN?

각도 종속성에 대한 Google CDN?

다음 항목을 1개로 줄일 수 있는 방법이 있습니까?

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-route.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-sanitize.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-animate.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-cookies.min.js"></script>

Google의 CDN에서 호스팅되는 이러한 결합 버전을 찾을 수 없습니다.

저도 계속 찾고 있는데 아직 못 찾았어요.하나의 js. 파일에 모두 포함시키려면 수동으로 번들을 해야 할 것 같습니다.

---

모든 종속성을 가져와 하나의 파일로 병합하는 Grunt 태스크(또는 이와 유사한 태스크)를 만들까 생각 중입니다.CDN을 사용하고 싶은 것은 알지만, 그 생각을 공유하고 싶었던 것뿐입니다.

후자에 관심이 있는 분들을 위해 이 grunt-fetch-from-cdn 플러그인을 발견했습니다.아직 직접 먹어본 적은 없지만, 재미있을 것 같아.

CDN의 주된 장점은 모든 사람이 같은 파일을 사용할 수 있다는 것입니다.따라서 캐싱이 다른 사이트에서 널리 사용되고 있기 때문에 대부분의 방문자에게 파일을 로드할 필요가 전혀 없다는 것입니다.

다양한 Configuration의 Angular Dependencies를 번들하기 위해 필요한 순열의 수는 이 이점을 완전히 무효로 할 수 있습니다.또한 가능한 한 적은 수의 요청을 위해 번들을 다른 모든 JS와 함께 패키징하여 직접 처리하는 것이 좋습니다.

단, Angular는 버그 수정에는 도움이 되지만 현재 운영 환경에서 사용되고 있는 버전(및 파일)이 많을 수 있습니다.이렇게 하면 여러 사이트에 걸쳐 캐싱하는 이점도 줄어듭니다.

확실하지 않은 경우, 자신의 사이트 이외의 사이트에서 정상적인 인터넷 사용을 확인한 친구/가족/직장 등의 기기에서 두 가지 방법을 모두 테스트합니다.

대부분의 경우 위와 같이 각 모듈의 CDN 링크를 개별적으로 포함하여 캐싱에 의해 실제 요청 수를 줄이는 것이 현명하다고 생각합니다.이것이 일반적인 관례가 되면 추가 파일 수가 로드 시간에 큰 영향을 미치지 않습니다.

Colt에 동의하지만, 다음 항목은 현명하게 사용하면 유용합니다("하나의 HTTP 요청으로 여러 파일 로드" 참조): JSDelivr

gulp 태스크를 사용하여 이들을 단일 스크립트로 구축하거나 bower를 사용하여 이러한 종속성을 한 번에 설치할 수 있습니다.

언급URL : https://stackoverflow.com/questions/23231440/google-cdn-for-angular-dependencies