具有 angular 2 和 angular CLI 的用户 3rd 方库

Question

我正在努力寻找与让 3rd 方库正常工作所需的步骤相关的任何信息。

具体来说，我说的是 .js 文件中的第 3 方库，它提供简单的功能，例如一些数据操作

当点击官方angular cli 3rd party installation guide 链接时，它只会将您定向到 Angular cli github 页面的主页，这没有帮助。

例如，以FileSaver 为例，这就是我如何让它以一种黑客方式工作

1. npm install filesaver.js

2. 将文件夹名称更改为 filesaver 而不是 filesave.js，因为 IDE 确实认为它是一个文件

3. 在node_modules/@types/filesaver/index.d.ts下新建一个文件，注释掉所有内容并放入

   声明模块'filesaver' { var saveAs: 任何； 出口=另存为； }

由于这个框架已经过时了，我不得不用这种方式破解它

4. import * as fireSaver from 'filesaver'

这种方法存在问题。我不应该修改节点模块内部的内容，因为如果我在新项目上运行 npm install，内容将会消失。我应该能够在 src 文件夹中创建我的 d.ts 文件并以某种方式使用它。

另外，我不认为 d.ts 是让应用程序正常工作的必要条件。但是，如果不修改此 d.ts 文件，我无法使应用程序正常工作。奇怪吗？

这一切看起来都很混乱，我找不到任何关于如何让一个简单的 js 文件运行的信息。

连Angular Cli 3rd party offical都过时了，讲系统js。

Answer 1

对于您的库，请改用以下软件包：

npm install file-saver --save
npm install @types/file-saver --save-dev

在组件中：

import * as FileSaver from 'file-saver';

我有另一种方法可以将filesaver.js 等第 3 方与 Angular CLI 集成：

npm install filesaver.js --save

在angular-cli.json 文件的"scripts" 部分添加库：

"scripts": [
  "../node_modules/filesaver.js/FileSaver.js"
],

在组件中：

declare const FileSaver: any;

用法：

FileSaver.saveAs()

首先搜索您的包和类型：https://www.npmjs.com/