Meilleures pratiques pour la minification des applications AngularJS

Dans le contexte de la minification des applications AngularJS, vous avez peut-être rencontré des inquiétudes concernant l'impact de la minification sur les dépendances injection. À l’origine, on pensait que la minification pourrait entraîner des problèmes avec ce contexte au sein des contrôleurs. Pour résoudre ce problème, la syntaxe a légèrement changé pour préserver l'identité des dépendances dans le code minifié.

La syntaxe recommandée, que vous avez mentionnée dans votre question, consiste à définir des contrôleurs dans une fonction qui reçoit un tableau de dépendances comme le premier paramètre, suivi du corps de la fonction du contrôleur. Par exemple :

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

Cette approche garantit que la minification n'affecte pas l'ordre ou l'identité d'origine des dépendances. Même si le minifier peut changer les noms de leurs variables, leurs références restent intactes dans la fonction du contrôleur.

En ce qui concerne votre question spécifique sur l'opportunité de toujours utiliser la méthode "injecter" (le deuxième extrait), la réponse est Oui. Il s'agit de la meilleure pratique recommandée pour réduire les applications AngularJS afin d'éviter les problèmes d'injection de dépendances.

Cependant, vous pouvez envisager d'utiliser le package ng-annotate npm dans votre processus de construction. ng-annotate est un outil qui analyse votre code source AngularJS et ajoute des annotations qui permettent aux minificateurs de traiter correctement l'injection de dépendances. Cette approche vous permet d'utiliser la syntaxe plus concise du premier extrait tout en conservant la compatibilité des minifications.