Webpack 和 TypeScript - 包括 Moment.js 插件

Question

我想在我的 Angular 4 应用程序中使用 JDateFormatParser 和 Moment.js。

---

我成功地安装和使用Moment.js 使用：
npm install moment --save

并将其添加到我的.ts 使用：

import * as moment from 'moment';

我可以使用和执行它。

---

之后我使用以下方式安装了插件：
npm install moment-jdateformatparser --save

当我想在我的代码中使用它时：

moment().toJDFString(moment.localeData().longDateFormat('L'))

我的 IDE 已经投诉：

TS2339：“Moment”类型上不存在属性“toJDFString”。

---

看看this answer，我尝试使用强制转换来做到这一点：

(<any>moment()).toJDFString(moment.localeData().longDateFormat('L'))

这解决了 IDE 中的错误，但在执行过程中控制台告诉我：

TypeError: WEBPACK_IMPORTED_MODULE_6_moment(...).toJDFString 是 不是函数

---

有人提示如何使用它吗？

Answer 1

您必须导入moment-jdateformatparser，因为它只是将其功能添加到时刻并导出moment。

import * as moment from "moment-jdateformatparser";

至于使用多个插件似乎目前还没有一个好的解决方案或者至少我还没有找到一个干净的方法。

一种选择是您分别导入这两个插件并以不同的方式命名它们，如下所示：

import * as momentJdate from "moment-jdateformatparser";
import * as momentTimezone from "moment-timezone";

如果你想这样的话，你可以在之后合并它们（使用 deepExtend）：

let moment = {};
deepExtend(moment, momentJdate, momentTimezone);

//here you should be able to use moment().toJDFString() and moment.tz.names()

在我看来，这些选项都不是干净，但它们都应该有效。我也从来没有在一个文件中使用过超过一个时刻的插件，所以像这样的解决方法可能没问题。