如何在Angular库中导入并使用一个js文件（而不是在项目中）

Question

我正在开发一个与Angular4相关的图像缩放库，我需要导入openseadragon js文件到我的库中。

如果这是一个Angular项目，那么我可以简单地将cdn添加到index.html中，但是在库中我如何导入js文件呢？

我尝试了下面的方式在angular-cli.json文件中导入，但它没有起作用。

"scripts": [
  "../node_modules/openseadragon/build/openseadragon/openseadragon.min.js"
]

任何解决方案都将受到赞赏。

- Siva Kumar S

---

尝试导入它（如果您使用的是CommonJS）：import * as openseadragon from 'openseadragon'。如果不可用，请尝试安装@types并执行相同操作。 - Drag13

openseadragon 中不可用 @types。 - Siva Kumar S

我尝试了下面的步骤，它们有效：

1. 在 package.json 中添加 "openseadragon": "2.3.0"
2. 运行 npm install
3. 使用 import * as test from 'openseadragon';，这个也正常工作。

Ts 2.4.1. VS Code - Drag13

@Vitalii，它完美地运行了，非常感谢.. :) - Siva Kumar S

如果您不介意，我将把这个作为答案添加。 - Drag13

Answer 1

尝试按照以下步骤操作（已完成的步骤可以跳过）：

1. Add "openseadragon": "2.3.0" to the package.json.
2. Use npm install.
3. Write in your ts file : import * as dragon from 'openseadragon';
4. Profit :)

- Drag13