什么是 npm 包？
npm (Node Package Manager) 是 Node.js 的包管理工具。通过在命令行中运行 npm 命令，可以方便地安装、升级、删除 Node.js 模块和包。而 npm 包，就是指已经发布到 npm 上的 Node.js 模块和包。npm 包可以是业界通用的常用工具，也可以是开源项目提供的 library。使用 npm 包的好处是可以利用开源社区已经提供好的、丰富的已有功能，快速地为自己的项目导入功能。
这篇文章主要介绍如何使用 npm 包中的 third-party。
什么是 third-party？
Third-party，即“第三方”，是指不是自己写的代码，而是从外部获取的代码。在前端开发中，third-party 是指从外部获取的一些 jQuery 插件或其他第三方库。在项目开发中，我们经常会用到各种各样的第三方库，比如说 ui 库、图表库、动画库等等，这些库现在通常都在 npm 上你通过命令行安装使用，其中就包括 third-party。
如何使用 third-party？
使用 third-party，我们需要通过 npm 安装包到我们的项目中。一般情况下我们选择全局安装和局部安装这两种方式。全局安装是将包安装到全局环境下，可以在任何地方使用。局部安装是将包安装到项目所在目录下的 node_modules 文件夹中。
全局安装
全局安装是将包安装到全局环境下，可以在任何地方使用。现在我们以安装 vue-cli 4.x 为例，介绍一下全局安装的流程：
npm install -g @vue/cli
在全局环境下安装完成后，其他工程就可以通过 vue 命令来使用：
vue create my-project
局部安装
局部安装相对来说要简单一些，只需要在每个项目的根目录下运行 npm install 命令即可。我们以安装 axios 为例：
npm install axios
然后可以在项目中使用 require 语句来引用这个第三方库：
const axios = require('axios');在 ES6 中，可以使用 import 语句来引用：
import axios from 'axios';
通过 CDN 引入 third-party
有些第三方库也可以通过 CDN 引入使用。只需要在 <head> 标签中添加如下代码：
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
上述代码引入了 jQuery 库。
conclustion
以上是使用 npm 包 third-party 的一些流程和注意事项，希望能够帮助到大家。总的来说，third-party 是我们项目开发中必不可少的一个组成部分，通过引用可以减少重复工作，更快速的开发出高品质的项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055af981e8991b448d8a1c