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

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

Answer 1

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

从“fontfaceobserver”导入 FontFaceObserver

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

this.font 看起来像这样:

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