在 Angular 项目中使用 Clusterize.js

Question

我正在尝试在我的 Angular 项目 (https://clusterize.js.org/) 中使用 Clusterize.js 库。

我从未在项目中导入外部 js 库，并且尝试在网络上找到的内容失败（添加模块、放置在资产中、加载到 index.html...）。总是出现诸如找不到模块 Clusterize、未定义或未定义构造函数等错误...

如何实现 Clusterize.js ？最佳做法是什么？

谢谢。

Answer 1

在 Angular 项目中使用外部 JavaScript 库的最佳方式是：

在 angular.json 中声明 JavaScript 文件

{
  ...
  "scripts": [
    "node_modules/clusterize/clusterize.min.js"
  ]
}

将其作为模块导入到您的 TypeScript 文件中

import * as Clusterize from 'clusterize';