Angular5.x引入第三方库

此博客内容适用于Angular2.x~Angular5.x范围。

Angular引用第三方JS库： 

      1、通过静态资源引入ng项目中，在index页面上引入script路径 例：/assets/js/test.js，

需要在.angular-cli.json中声明文件路径，在需要的component中

       使用 declare var JsName:any; // 声明JsName 即可在项目中使用插件

      2、直接通过cdn的方式，在index.html中引用js插件地址，

例如：<script src="https://cdn.bootcss.com/jquery/3.3.1/core.js"></script>,

        在需要的component中，使用 declare var $:any; // 声明$ 即可在项目中使用JQuery.

      3、通过npm安装node_module包，也需要在.angular-cli.json中声明文件路径，

使用时用import * as JsName from 'url';