将 Modernizr 与 Angular2 和 Typescript 打字结合使用

Question

我正在尝试向我的 angular2 项目添加现代化支持。我已经配置了 tsconfig、webpack.config、package.json 并且构建工作正常。

但是我无法弄清楚如何通过导入模块来使用 Modernizr。

如果需要一些代码片段或配置，请告诉我。

版本： “现代化”：“3.3.1” “@types/modernizr”：“3.3.0” “@Angular/common”：“~4.1.3”

Answer 1

这个答案并非特定于 Angular，但通常可能出现的问题是 TS 将忽略

@types/modernizr

，因为 Modernizr 未包含在您的捆绑 JS 中。它作为单独的 JavaScript 文件包含在您的 DOM 中。

1. 安装

   npm i @types/modernizr --save-dev

2. 将“@types/modernizr”添加到 tsconfig,json 中的

   compilerOptions.types

{
  "compilerOptions": {
    "types": ["@types/modernizr"]
  }
}

3. 将 Modernizr 添加到窗口

declare global {
  interface Window {
    Modernizr: ModernizrStatic;
  }
}

Hope this helps!

Answer 2

如下导入：

import * as Modernizr from 'modernizr';