angularjs - 向 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 的更改时)通过查看 main条目 bower.json您需要的每个 Bower 组件的文件。语言环境文件未列为主文件，因此即使您将其放在 bower:js 之间和endbower手动更改部分，它会随着 bower.json 最近的更改而消失文件，或在构建过程中。

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

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