文件package.json列出了项目使用的第三方依赖包。当我们创建一个新项目时，我们会默认下载一些包，这些包由Angular带来并存储在node_modules目录中。

应该指出的是：

Package.json有dependencies对象和devDependencies。

devdependencies中的插件只用于开发环境，不用于生产环境，dependencies需要发布到生产环境。

添加依赖项有两种方法：

npm安装名称-保存意味着要将要安装的依赖项写入package.json的dependencies对象。NPM安装名称-保存-dev意味着要将要安装的依赖项写入package.json的devDependencies对象。以添加到angular环境的minirefresh为例。(https://github.com/minirefres.)

I. npm安装minirefresh -保存

从结果中，我们可以看到：

可以看到依赖关系中一开始没有minirefresh，minirefresh会通过npm install minirefresh - save命令自动下载并添加到依赖关系中。然后我们会发现node_modules目录中有一个minirefresh包。

其次，修改angular-cli.json文件(样式数组和脚本数组)

1.样式是我们要介绍的css

2.脚本是我们想要介绍的js

配置如图所示：

第三，在组件(在。ts文件)需要使用插件：声明var $ :any目的不是在编译时报告错误

配置如图所示：

第四，以上三个插件可以在ngOnInit方法中正常使用。

添加jQuery

一、NPM安装jquery-save/-save-dev

其次，修改angular-cli.json文件：

脚本' : ['./node _ modules/jquery/dist/jquery . min . js ']iii。安装类型描述文件

Angular使用TypeScript作为默认的编码语言，而jquery本质上是javascript，不能直接使用TypeScript。

完成以上步骤后，我们就不能直接使用jquery了，需要安装一个类型描述文件，让TypeScript知道jquery。

也就是执行力：

npminstall @ types/jquery-save-dev第四，在app.module中引入jquery文件，并添加jquery模块

即从app.module.ts文件中的‘jquery’添加import * as $即可；

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。