如何导入 js 文件并在 Angular 库中使用（不在项目中）答案

【问题标题】：How to import a js file and use it in angular library (not in project)如何导入 js 文件并在 Angular 库中使用（不在项目中）
【发布时间】：2017-07-24 08:51:15
【问题描述】：

我正在 angular4 库中开发图像缩放，我需要将 openseadragon js 文件导入到我的库中。

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

我用下面的方法尝试了 angular-cli.json 文件，但是没有用。

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

任何解决方案将不胜感激..

【问题讨论】：

尝试导入它（如果你使用commonJs） Import * as openseadragon from 'openseadragon'。如果它不可用，尝试安装@types并做同样的事情
@types in 不适用于 openseadragon..
我尝试了接下来的步骤，这很有效： 1. 在 package.json 中添加了 "openseadragon": "2.3.0" 2. npm install 3. import * as test from 'openseadragon';这很好用。 TS 2.4.1。 VS 代码
@Vitalii 运行良好，非常感谢.. :)
如果你不介意，我会把这个作为答案。

标签： javascript angular typescript openseadragon

【解决方案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 :)

【讨论】：