Лучшие практики по минимизации приложений AngularJS

В контексте минимизации приложений AngularJS вы могли столкнуться с опасениями по поводу влияния минимизации на зависимости инъекция. Первоначально считалось, что минификация может привести к проблемам с контекстом this внутри контроллеров. Чтобы решить эту проблему, синтаксис немного изменился, чтобы сохранить идентичность зависимостей в минимизированном коде.

Рекомендуемый синтаксис, который вы упомянули в своем вопросе, заключается в определении контроллеров в функции, которая получает массив зависимостей в виде первый параметр, за которым следует тело функции контроллера. Например:

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

Этот подход гарантирует, что минификация не повлияет на исходный порядок или идентичность зависимостей. Несмотря на то, что минификатор может изменить имена своих переменных, их ссылки остаются неизменными внутри функции контроллера.

Что касается вашего конкретного вопроса о том, всегда ли использовать способ «вставки» (второй фрагмент), ответ: да. Это рекомендуемая передовая практика для минимизации приложений AngularJS, чтобы предотвратить проблемы с внедрением зависимостей.

Однако вы можете рассмотреть возможность использования пакета ng-annotate npm в процессе сборки. ng-annotate — это инструмент, который анализирует исходный код AngularJS и добавляет аннотации, которые позволяют минификаторам правильно обрабатывать внедрение зависимостей. Этот подход позволяет использовать более краткий синтаксис первого фрагмента, сохраняя при этом совместимость с минификацией.