将区域设置时刻添加到AngularJS应用程序

Question

我正在尝试为基于Yeoman的AngularJS应用配置语言环境语言。

当我在构建我的app（grunt build）后提供dist包时，脚本引用会消失。 这是我对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 -->

我应该在哪里放置此脚本引用以保留dist包？

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

提前致谢！

Answer 1

您应该在bower部分 部分插入：

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

通过查看每个bower:js个文件中的bower.json条目，您的grunt / gulp任务会自动填充main部分（每次发生bower.json更改时）您需要的凉亭组件。区域设置文件未列为主文件，因此即使您手动将其放在bower:js和endbower部分之间，它也会消除bower.json文件的最近更改，或者在构建过程中。

您放在bower部分之外的代码将保留在那里。

最后，在构建过程中，所有在build:js和endbuild 注释之间链接的文件会连接到一个vendor.js文件中。