脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-angular4引用没有.d.ts声明文件的js库的方法，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

通常，在项目中引用js库分两种情况：

一种是通过npm install ${name} --save 安装在node_modules目录下，package.json中的dePEndencies会配置正式环境所依赖的库。

另外一种就是直接将.js文件放在src目录下，通过相对路径的方式直接引用。

对于第一种情况：

例如：weixin-js-sdk,在项目路径下，cnpm install weixin-js-sdk --save, 安装成功以后，查看package.json下的dependencies会增加一行weixin-js-sdk的版本信息。在使用的时候导入 import * as WeiXin From 'weixin-js-sdk';

对于第二种情况：

通过相对路径引用一个.js文件，那么需要在tsconfig.json中的compilerOptions中配置"allowJs": true，然后在使用的时候直接import，例如：import * as Swiper from './lib/swiper/swiper.min.js';

上面两种情况是在没有.d.ts声明文件的情况下

对于有些三方库，例如bootstrap，jquery等许多常用的都有声明文件，直接导入就可以，例如jquery：

1. cnpm install jquery --save 安装jquery依赖包到node_modules目录下

2. npm install @types/jquery --save-dev 安装类型描述文件到node_modules目录下，只安装到开发环境

3. 修改angular-cli.json文件，增加styles(引入css的路径)和scripts(引入js的路径) "scripts": ["../node_modules/jquery/dist/jquery.js"]

4. 修改tsconfig.app.json文件，添加到types数组 "types": ["jquery"],然后就可以使用$语法了

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-angular4引用没有.d.ts声明文件的js库的方法全部内容，希望文章能够帮你解决javascript代码实例教程-angular4引用没有.d.ts声明文件的js库的方法所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。