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

我在vue项目中使用vue cli中的网页包模板，我在npm中安装了时刻和时刻时区

在我的单文件组件中，通过包括以下导入行，我能够获得使用矩时区的矩：

import moment from 'moment'
import moment_timezone from 'moment-timezone'

moment_timezone对象从未被使用过，但它似乎需要在那里才能使矩.tz函数工作

我的问题是：

这是在我的设置中加载时刻和时刻时区的正确方法吗

如何仅从矩-timezone-with-data-2012-2022.min.js加载数据？我在timezone包的builds目录中看到了它，但我不清楚如何指定这是我想要使用的数据

---

回答我自己的问题，因为我似乎已经解决了

1-似乎矩时区需要使用矩，因此如果要同时使用矩和矩时区，只需从矩时区模块导入矩，它就可以正常工作。所以

import moment from 'moment'
import moment_timezone from 'moment-timezone'

变成

import moment from 'moment-timezone'

import moment from 'moment-timezone/data/builds/moment-timezone-with-data-2012-2022.js'

2-时刻时区包含表示完整时刻时区代码以及数据/构建下数据的特定版本的文件。您可以直接从这些文件导入矩时区，而无需导入模块根目录中的矩时区.js文件。所以

import moment from 'moment-timezone'

变成

import moment from 'moment-timezone'

import moment from 'moment-timezone/data/builds/moment-timezone-with-data-2012-2022.js'

---

谢谢这让生活变得轻松。对于希望在其Vue应用程序中全局使用Moment的任何人，您可以将其导入到app.js文件中，然后将其添加为Vue实例属性<代码>从“时刻时区”导入时刻；Vue.原型。$力矩=力矩然后您可以在大括号{{$moment（）}}中或在这个方法中访问它。$moment（）。