0

我正在使用 Gulp 构建一个 AngularJS 应用程序,并且我正在使用 angular-moment 将月份和日期显示为单词(一月、二月、三月、星期一、星期二等)的元素国际化,但语言包不包含在“供应商”js文件。

我需要做什么才能包含必要的文件?这是项目中的 index.html

<!-- build:js({.tmp,src}) scripts/vendor.js -->
<!-- bower:js -->
<!-- run `gulp inject` to automatically populate bower script dependencies -->
<!-- endbower -->
<script src="bower_components/moment/locale/es.js"></script>
<script src="bower_components/moment/locale/fr.js"></script>
<script src="bower_components/moment/locale/nl.js"></script>
<script src="bower_components/moment/locale/pt.js"></script>
<!-- endbuild -->

和 bower.json 文件

{
  "name": "fountain-inject",
  "version": "0.0.1",
  "dependencies": {
    "angular": "1.5.9",
    "moment": "2.17.1",
    "angular-moment": "^1.0.1"
  }
}

请注意,我只需要列出的语言,而不是完整的 108 个语言包!

我在这里创建了一个 repo 来在 github 上演示这一点:https ://github.com/tetsujin1979/gulpMoment/

克隆、npm install、gulp build 在本地创建项目

gulp serve 以正确查看以不同语言显示的时间

gulp serve:dist 查看语言包不包含在分发中

4

1 回答 1

-1

原来答案非常简单,index.html 文件需要包含语言包的路径,如下所示

<script src="../bower_components/moment/locale/es.js"></script>
<script src="../bower_components/moment/locale/fr.js"></script>
<script src="../bower_components/moment/locale/nl.js"></script>
<script src="../bower_components/moment/locale/pt.js"></script>
于 2017-03-20T15:44:09.463 回答