angular - 在Angular中导入JS库

我试图在一个角度项目中使用外部库。
这是https://github.com/bramstein/fontfaceobserver的文档
如果您使用的是npm，则可以将字体-面观察者作为依赖项安装：

$ npm install fontfaceobserver
You can then require fontfaceobserver as a CommonJS (Browserify) module:

var FontFaceObserver = require('fontfaceobserver');

var font = new FontFaceObserver('My Family');

font.load().then(function () {
  console.log('My Family has loaded');
});

库是使用require导入的，但angular不喜欢该关键字。有什么标准的导入库的方法吗？

最佳答案

如果它的网页包，你应该能够导入它使用ES6导入。刚刚安装，这对我很有用：
import FontFaceObserver from 'fontfaceobserver'
this.font = new FontFaceObserver('ariel');
this.font如下所示：

this.font = {
family:"ariel",
stretch:"normal",
style:"normal",
weight:"normal"
}