在 Angular 中导入 JS 库

Question

我正在尝试在 Angular 项目中使用外部库。这是来自https://github.com/bramstein/fontfaceobserver的文档

如果您使用 npm，您可以安装 Font Face Observer 作为依赖项：

$ 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');
});

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

Answer 1

如果它是 webpack，你应该能够使用 es6 导入来导入它。刚刚安装了它，这对我有用：

import FontFaceObserver from 'fontfaceobserver'

this.font = new FontFaceObserver('ariel');

this.font 看起来像这样：

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