ionic3中引入第三方js库的方法总结

以jquery为例：

创建ionic3项目：ionic start ionic3-test tabs

一、在使用的页面导入js文件路径；

        下载jquery.min.js文件，找到assets下面，创建js文件夹，将下载好的jquery.min.js放在js文件夹下，在使用的页面的ts头部引入文件路径，我是在home页面下引入并测试的。

下面是home.ts文件

        

这个有可能会报错，那就使用下面第二种方法

二、手动引入js文件；

        1、下载jquery.min.js文件，找到assets下面，创建js文件夹，将下载好的jquery.min.js放在js文件夹下，然后在index.html中引入，一定放在cordova.js下面

         

         2、在page文件目录下创建services文件夹，services文件夹下创建jquery.d.ts文件，文件里写入declare var $:any;

           

        3、在需要使用的页面最顶部：  ///<reference path="../../services/jquery.d.ts"/>    ， 然后就可以使用jq了

         

三、引入模块的方法，推荐使用;

       1、npm下载jquery:     npm install jquery --save  可以使用淘宝镜像cnpm, mac可能需要获取权限就加sudo

         

      2、使用typings，使用第三方插件会提示类型和方法，在 Typescript 2.0 之后，推荐使用 @type 方式了，具体是： npm install @types/jquery  ，这一步骤不做不会影响使用。

         

     3、在使用的页面顶部引入jquery模块；  import * as $ from 'jquery'  

         

 

 

以上就是三种使用方法；最后引入成功！！