首页 文章

具有角度2和角度CLI的用户第三方库

提问于
浏览 次
0

我正在努力寻找有关使第三方库工作所需步骤的任何信息 .

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

当点击官方angular cli 3rd party installation guide链接时，它只是引导你到angular cli github页面的主页，这没有帮助 .

例如，使用FileSaver作为示例，这就是我使用hack方式工作的方式

  • npm install filesaver.js

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

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

声明模块'filesaver'{var saveAs：any; export = saveAs; }

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

  • import * as fireSaver from 'filesaver'

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

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

这一切似乎都很混乱，我找不到任何关于如何获得简单的js文件的信息 .

甚至Angular Cli 3rd party offical已经过时并且谈论系统js .

angular

1 回答

  • 2

    对于你的lib，使用以下包：

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

    在组件中：

    import * as FileSaver from 'file-saver';

    我有另一种方法可以将第三方（如 filesaver.js ）与Angular CLI集成：

    npm install filesaver.js --save

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

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

    在组件中：

    declare const FileSaver: any;

    用法：

    FileSaver.saveAs()

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

    回复于

相关问题