Aggiungi momento locale a un'app AngularJS

Question

Sto provando a configurare la lingua locale per un'app AngularJS basata su Yeoman.

Quando servo il pacchetto dist dopo aver creato la mia app (build grunt), il riferimento allo script scompare. Ecco un elenco delle mie dipendenze sul file index.html.

<!-- build:js(.) scripts/vendor.js --> 
<!-- bower:js --> 
<script src="bower_components/jquery/dist/jquery.js"></script> 
<script src="bower_components/angular/angular.js"></script> 
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script> 
<script src="bower_components/angular-animate/angular-animate.js"></script> 
<script src="bower_components/angular-cookies/angular-cookies.js"></script> 
<script src="bower_components/angular-resource/angular-resource.js"></script> 
<script src="bower_components/angular-route/angular-route.js"></script> 
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script> 
<script src="bower_components/angular-touch/angular-touch.js"></script> 
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script> 
<script src="bower_components/moment/moment.js"></script> 
<script src="bower_components/angular-moment/angular-moment.js"></script> 
<script src="bower_components/ngstorage/ngStorage.js"></script> 
<script src="bower_components/angular-ui-select/dist/select.js"></script> 
<script src="bower_components/angular-loading-bar/build/loading-bar.js"></script> 
<script src="bower_components/angular-hotkeys/build/hotkeys.min.js"></script> 
<script src="bower_components/moment/locale/es.js"></script> 
<!-- endbower --> 
<!-- endbuild --> 

Dove dovrei inserire questo riferimento di script per tenerlo per il pacchetto dist?

<script src="bower_components/moment/locale/es.js"></script> 

Grazie in anticipo!

Answer 1

Si dovrebbe inserirla di fuori sezione bower, in questo modo:

<!-- build:js(.) scripts/vendor.js --> 
<!-- bower:js --> 
<script src="bower_components/jquery/dist/jquery.js"></script> 
<script src="bower_components/angular/angular.js"></script> 
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script> 
… 
<script src="bower_components/angular-loading-bar/build/loading-bar.js"></script> 
<script src="bower_components/angular-hotkeys/build/hotkeys.min.js"></script> 
<!-- endbower --> 
<script src="bower_components/moment/locale/es.js"></script> 
<!-- endbuild --> 

tuo grugnito/compito sorso viene automaticamente riempiendo la sezione bower:js (ogni volta che c'è un cambiamento bower.json accade), cercando in main inserire i file bower.json di ogni componente del bower richiesto. I file locali non sono elencati come file principali, quindi, anche se lo si inserisse tra la sezione bower:js e endbower manualmente, scomparirebbe con la modifica più vicina del file bower.json o durante il processo di creazione.

Il codice inserito all'esterno della sezione bower rimarrà lì.

E alla fine, durante il processo di generazione, tutti i file collegati tra build:js e endbuild commenti sono concatenati in un unico vendor.js file.