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

Question

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

当我在构建我的应用程序(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 -->

通过查看所需的每个凉亭组件的文件条目,您的grunt/gulp任务将自动填充该bower:js部分(每次bower.json发生变化时).区域设置文件未列为主文件,因此即使您将其置于和手动部分之间,也会在文件的最近更改或构建过程中消失.mainbower.jsonbower:jsendbowerbower.json

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

而在最后,在生成过程中,链接所有的文件之间build:js和endbuild注释连接成一个vendor.js文件.