Angular 4.X版本如何引入第三方JS的库

Question

本人最近在做一个项目，使用Angular 4.X版本，需要使用到很多第三方JS写的库，比如说JQuery，DataTables，Date Range Picker，ECharts，js-sha256，安装使用它们的方法很多，比如js-sha256，我是直接通过npm install 安装后直接在component中 import { sha256 } from 'js-sha256'，然后就可以使用了。而Echarts，我是通过typings安装使用。Bootstrap我是下载包放在assets中，直接在html中使用。三种方法都不一样。

我想知道有没有比较通用的使用第三方js库的方法。希望可以给出步骤，谢谢。

Answer 1

问题的核心不在于Angular，而是在于TypeScript（简称：ts），因为ts属于编译型，了解编译原理大概会比较清晰一点，在编译过程中需要对类型、方法等等需要明确告知类型声明，所以为什么我们需要通过 npm install --save-dev @types/jquery 安装 jQuery 的声明定义文件。

以上，是实际的原因。

而对于第三方类型，大部分有名气的类型都会有提供了这些声明文件，比如上面说到的 jQuery 实现对应的声明文件在这里，你可以在这个目录里找到已经发布的声明文件，并通过 npm install --save-dev @types/${project name} 安装即可。

至于找不到的部分，请参考我另一篇文章。

Happy coding!