Angular4+ 中引入 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 进行修复即可。