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 解决
网友评论