Vue模块,矩时区-如何正确加载矩时区以及如何使用2012-2022数据

Slo*_*roo 1 npm momentjs webpack vue.js moment-timezone

我正在将vue-cli中的webpack模板用于我的Vue项目,并且在npm中同时安装了矩和矩时区。

在我的单个文件组件中,通过包含以下导入行,我已经可以时刻使用moment-timezone:

import moment from 'moment'
import moment_timezone from 'moment-timezone'
Run Code Online (Sandbox Code Playgroud)

moment_timezone对象从未使用过,但似乎需要在那里使用,以便moment.tz函数起作用。

我的问题是:

  1. 这是在我的设置中加载矩和矩时区的正确方法吗?
  2. 如何仅从moment-timezone-with-data-2012-2022.min.js加载数据?我在moment-timezone包的builds目录中看到了它,但是我不清楚如何指定那是我要使用的数据。

Slo*_*roo 5

我似乎已经解决了自己的问题。

1-似乎矩时区需要使用矩,因此,如果要同时使用矩和矩时区,则可以从矩时区模块中简单地导入矩,这样就可以正常工作。所以...

import moment from 'moment'
import moment_timezone from 'moment-timezone'
Run Code Online (Sandbox Code Playgroud)

变成

import moment from 'moment-timezone'
Run Code Online (Sandbox Code Playgroud)

2 -Moment-timezone的文件表示完整的矩时区代码,以及表示数据/内部版本的数据的特定版本。您可以直接从这些文件导入moment-timezone,而无需在模块根目录中导入moment-timezone.js文件。所以...

import moment from 'moment-timezone'
Run Code Online (Sandbox Code Playgroud)

变成

import moment from 'moment-timezone/data/builds/moment-timezone-with-data-2012-2022.js'
Run Code Online (Sandbox Code Playgroud)