为 AngularJS 应用程序添加语言环境时刻

Question

我正在尝试为基于 Yeoman 的 AngularJS 应用配置区域设置语言。

当我在构建我的应用程序（grunt 构建）后提供 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.json 中的 main 条目自动填充 bower:js 部分（每次 bower.json 发生更改） ] 您需要的每个凉亭组件的文件。语言环境文件未列为主要文件，因此即使您手动将其放在 bower:js 和 endbower 部分之间，它也会随着 bower.json 文件最近的更改而消失，或在构建过程中。

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

最后，在构建过程中，在 build:js 和 endbuild 评论之间链接的所有文件都连接成一个 vendor.js 文件。

为 AngularJS 应用程序添加语言环境时刻

Add locale moment to an AngularJS app

angularjs

gruntjs

momentjs