AngularJS 애플리케이션 축소 모범 사례

AngularJS 애플리케이션을 축소하는 과정에서 축소가 종속성에 미치는 영향에 대한 우려가 있을 수 있습니다. 주입. 원래는 축소가 컨트롤러 내에서 이 컨텍스트에 문제를 일으킬 수 있다고 믿었습니다. 이 문제를 해결하기 위해 축소된 코드에서 종속성의 ID를 유지하기 위해 구문이 약간 변경되었습니다.

귀하의 질문에서 언급한 권장 구문은 다음과 같이 종속성 배열을 수신하는 함수에서 컨트롤러를 정의하는 것입니다. 첫 번째 매개변수와 컨트롤러 함수 본문이 이어집니다. 예:

var MyController = ['$scope', '$http', function($scope, $http) {
  // Controller code...
}];

이 접근 방식을 사용하면 축소가 종속성의 원래 순서나 ID에 영향을 주지 않습니다. 축소기가 변수 이름을 변경할 수 있더라도 해당 참조는 컨트롤러 기능 내에서 그대로 유지됩니다.

항상 "주입" 방식(두 번째 스니펫)을 사용할 것인지에 대한 특정 질문에 대한 대답은 예. 종속성 주입 문제를 방지하기 위해 AngularJS 애플리케이션을 축소하는 것이 권장되는 모범 사례입니다.

그러나 빌드 프로세스에서 ng-annotate npm 패키지 사용을 고려할 수 있습니다. ng-annotate는 AngularJS 소스 코드를 분석하고 축소기가 종속성 주입을 올바르게 처리할 수 있도록 주석을 추가하는 도구입니다. 이 접근 방식을 사용하면 축소 호환성을 유지하면서 첫 번째 코드 조각의 보다 간결한 구문을 사용할 수 있습니다.