Angular4引入第三方库，以jQuery为例

大佬教程收集整理的这篇文章主要介绍了Angular4引入第三方库，以jQuery为例，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如果我们想在Angular中使用第三方的库，比如jquery或bootstrap等，该如果做呢？

@H_874_6@

dependencies和devDependencies。

Angular引入jQuery

命令： npm install name --save / --save--dev
我们可以通过npm install name –save这个命令去添加依赖。注意，要在项目的根目录下执行该命令。
npm install jquery --save

--save与--save-dev的区别

@H_874_6@

可以看到，一开始dependencies中是没有jquery的，通过 npm install jquery --save命令会自动下载jquery并添加到dependencies中。然后我们会发现node_modules目录中就有jquery的包了。

修改angular-cli.json文件

下载的jQuery包是放在Node_modules目录中的,通过设置scripts的值为jQuery包的路径来引入它；

@H_674_32@"scripts": ["../node_modules/jquery/dist/jquery.js"]

@H_874_6@

安装类型描述文件

完成上面的步骤后，这时我们还不能直接使用jquery，还需要先安装类型描述文件，让TypeScript认识jquery。
命令：npm install @types/name --save / --save-dev

@H_674_32@npm install @types/jquery --save-dev @H_674_32@npm config set registry https://registry.npm.taobao.org

@H_874_6@

大佬总结

以上是大佬教程为你收集整理的Angular4引入第三方库，以jQuery为例全部内容，希望文章能够帮你解决Angular4引入第三方库，以jQuery为例所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

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