Qu'est-ce qui est requis pour la dist ?

Question

J'utilise gulp pour créer un dossier de distribution (dist) pour mon application Angular.

J'ai donc rassemblé tous les fichiers JS des contrôleurs/services ainsi que mes CSS, maintenant je dois faire le contenu du dossier bower.

J'ai essayé de concaténer tous les fichiers JS (en utilisant gulp-useref) mais je continue à voir une erreur autour d'une dépendance manquante.

J'ai essayé de copier l'intégralité du dossier bower_components mais je continue à voir l'erreur :

angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:modulerr] Failed to instantiate module theRoutes due to:
Error: [$injector:unpr] Unknown provider: e

Et le HTML est :

<!-- build:js assets/deps.js -->
<script src="/bower_components/angular/angular.js"></script>
<script src="/bower_components/angular-route/angular-route.js"></script>
<script src="https://code.angularjs.org/1.5.5/angular-sanitize.js"></script>
<script src="/bower_components/angular-messages/angular-messages.js"></script>
<!-- endbuild -->

Une idée de ce qui se passe ?

Answer 1

Des injections de dépendances comme ça :

function($http) {
 // ...  
}

sera brisé après la minification.

Vous devriez les annoter avant :

['$http', function($http) {
 // ...
}]

Vous pouvez utiliser un outil d'automatisation pour cela. Par exemple ng-annotate o ng-min