如何在 gulp 构建中包含 moment.js i18n 文件?
How to include moment.js i18n files in gulp build?
我正在使用 Gulp 构建一个 AngularJS 应用程序,我正在使用 angular-moment 来国际化月份和日期显示为单词的元素(一月、二月、三月、星期一、星期二等),但语言包未包含在 "vendor" 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/
Clone, npm install, gulp build 在本地创建项目
gulp用于正确查看不同语言显示的时间
gulp serve:dist 查看语言包是否包含在发行版中
原来答案简单得离谱,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>
我正在使用 Gulp 构建一个 AngularJS 应用程序,我正在使用 angular-moment 来国际化月份和日期显示为单词的元素(一月、二月、三月、星期一、星期二等),但语言包未包含在 "vendor" 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/
Clone, npm install, gulp build 在本地创建项目
gulp用于正确查看不同语言显示的时间
gulp serve:dist 查看语言包是否包含在发行版中
原来答案简单得离谱,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>