Gebietsschema-Moment zu einer AngularJS-App hinzufügen

Question

Ich versuche, die Gebietsschema-Sprache für eine AngularJS-App basierend auf Yeoman zu konfigurieren.

Wenn ich das dist-Paket nach dem Erstellen meiner App (grunt build) diene, verschwindet die Skript-Referenz. Hier ist eine Liste meiner Abhängigkeiten von der Datei 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 --> 

Wo sollte ich diesen Skriptverweis platzieren, um ihn für das dist-Paket zu behalten?

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

Vielen Dank im Voraus!

Answer 1

sollten Sie es einfügen außerhalb den bower Abschnitt, wie folgt aus:

<!-- 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 --> 

Ihr Grunzen/schluck Aufgabe automatisch füllt den bower:js Abschnitt (jedes Mal eine Änderung zu bower.json geschieht) durch einen Blick in main Eintrag in bower.json Dateien von jeder Bower Komponente, die Sie benötigen. Die Gebietsschema-Dateien werden nicht als Hauptdateien aufgelistet. Selbst wenn Sie sie manuell zwischen bower:js und endbower ablegen würden, würde sie mit der nächsten Änderung der Datei bower.json oder während des Erstellungsprozesses verschwinden.

Der Code, den Sie außerhalb der bower Sektion setzen, wird dort bleiben.

Und am Ende, während des Build-Prozesses, werden alle Dateien verknüpft zwischen build:js und endbuild Kommentare werden in einer vendor.js Datei verkettet.