ionic3 angular 如何使用第三方js库

angular项目,ionic3+项目,如何使用第三方的js库;

1.在npm官网去搜索该库

找到后通过制定的方法去安装,一般都为npm i 包名;

2.TypeSearch检索

TypeScript 提供了一个叫 TypeSearch 网站,可以直接输入关键词检查是否包含该类库的声明文件。

例如 lodash 可以在列表中点击会跳转至 npm 网站,并且会看到这样的一个命令:

npm install --save@type/lodash

上面两种的导入方法都一样:import xxx from 'xxx';

3.无声明文件, declare var xxx: any;

在assest 文件夹中创建一个libs文件夹,将js文件考入,在index.html中通过script src 将js 文件导入,在对应的ts 文件中,在class 上面声明  declare var xxx: any;xxx就是你调用的第一个 名字

例如:


为了防止报错,建议将库添加好后,先build在运行,比如ionic ,先ionic build,再执行ionic serve 解决

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容