使用src方式引用第三方依赖，CDN与UNPKG与NPM

导言：

前端开发，经常遇到<script src=“https://unpkg.com/element-ui/lib/index.js”>这种方式快速使用第三方依赖。

说明：

• CDN
  CDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。
• UNPKG
  unpkg是一个内容源自npm的全球快速CDN。
  官网地址：https://unpkg.com/
• NPM
  npm（“Node 包管理器”）是 JavaScript 运行时 Node.js 的默认程序包管理器。
  仓库地址：https://www.npmjs.com/

使用unpkg通过cdn方式使用npm仓库中的第三方依赖

我们先到npm找到要使用的依赖名称，使用下面方式引用：

• 使用固定的版本号：
  unpkg.com/react@16.0.0/umd/react.production.min.js
  unpkg.com/react-dom@16.0.0/umd/react-dom.production.min.js

• 也可使用语义化版本范围，或标签来代替固定版本号，亦可忽略版本和标签，直接使用最新的版本。
  unpkg.com/react@^16/umd/react.production.min.js
  unpkg.com/react/umd/react.production.min.js

• 如果忽略了文件的路径（例如，使用裸网址 “bare” URL），unpkg会提供 package.json里指定的文件，或降级到main。
  unpkg.com/d3
  unpkg.com/jquery
  unpkg.com/three
  这种方式会产生一次 302 到最新的文件URL。好处是自动使用最新版，坏处是多一次性跳转，降低了性能。

• 在网址最后添加斜线，可以查看一个包内的所有文件列表。
  unpkg.com/react/
  unpkg.com/lodash/