angualr项目创建的时候引用jQuery

本文介绍了如何在 Angular4+ 项目中引入 jQuery 的包,也就是在 Angular4+ 的项目中使用 jQuery。

准备

npm(相信 Angular 项目中,本机肯定有 npm)

良好的网络(之所以把网络写到这里,是因为由于npm仓库在国外的原因,有时候因为网络问题会导致安装失败,这时可以将仓库换为淘宝的仓库,具体方法可百度)

安装 jQuery

使用以下命令进行安装:

# 进入到项目目录# 

安装 jQuery 依赖

npm install --save jquery

# 安装 jQuery ts 依赖

npm install --save @types/jquery

使用

直接在使用的 ts 文件中,引入即可。如:

import * as $ from  'jquery';

...

$('#btnId').on('click',function(){  alert('jQuery!')})

Tips

在安装的时候,有时候会提示依赖有冲突。

使用命令 npm audit fix 进行修复即可。

你可能感兴趣的:(angualr项目创建的时候引用jQuery)