在Angular项目中使用Clusterize.js

Question

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

我从未在项目中导入外部js库，并且无法尝试在Web上找到的内容（添加模块，放入资产中，在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';