如何在gulp build中包含moment.js i18n文件?

时间:2017-03-13 17:47:28

标签: gulp momentjs angular-moment

我正在使用Gulp构建AngularJS应用程序,并且我使用角度矩来国际化元素,其中月和日显示为单词(1月,2月,3月,周一,周二等)但是语言包未包含在"供应商" 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种语言包!

我已经在github上创建了一个回购来展示这个:https://github.com/tetsujin1979/gulpMoment/

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

gulp用于查看正确显示不同语言的时间

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

1 个答案:

答案 0 :(得分:0)

原来答案非常简单,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>