unpkg 与 npm 的基本介绍

NPM（Nod e Packag e Mana g e r）——node包管理器。因为有NPM，只需执行一行npm install命令，就能安装别人写好的模块。

npm install

安装之前npm install会先检查 node _modules 目录之中是否已经存在指定模块。如果存在，就不再重新安装，即使远程仓库已经有了一个新版本也是如此。如果 npm 要强制重新安装，可以使用 -f 或 —force 参数。

npm install <packageName> --force

npm update

如果想更新已安装模块，就要用到 npm update命令。

npm update <packageName>

它会先到远程仓库查询最新版本，然后查询本地版本。如果本地版本不存在，或者远程版本较新，就会安装。

reg i str y

npm update命令怎么知道每个模块的最新版本呢？答案是 npm 模块仓库提供了一个查询服务，叫做 reg i str y。以 npmjs.org 为例，它的查询服务网址是 registry.npmjs.org/ 。这个网址后面跟上模块名，就会得到一个 JSON 对象，里面是该模块所有版本的信息。比如，访问 registry.npmjs.org/react，就会看到 react 模块所有版本的信息。因npm view还有一些别名，所以下面几个命令的效果是一样的。
npm view react
npm info react
npm show react
npm v react
reg i str y 网址的模块名后面，还可以跟上版本号或者标签，用来查询某个具体版本的信息。比如访问 registry.npmjs.org/react/v0.17… ，就可以看到 React 的 0.17.6 版。返回的 JSON 对象里面，有一个dist.tar ball 属性，是该版本压缩包的网址。到这个网址下载压缩包，在本地解压，就得到了模块的源码。np m install 和 np m update命令，都是通过这种方式安装模块的。
{
    dist: { 
        shasum: '2a57c2cf8747b483759ad8de0fa47fb0c5cf5c6a', 
        tarball: 'http://registry.npmjs.org/react/-/react-0.17.6.tgz' 
    }
}
将第三方包安装到node _modules后，每个包的package.json 文件中通过main字段或moudule字段告知了该包的入口文件。在我们使用import x from xxx语句调用第三方库的方法时，就通过入口文件找到了相应的功能。

区别

【使用时】

NPM是安装第三方包到本地使用
CDN是通过链接访问，让用户的访问从距离他们最近的站点去获取到这些资源，缩短传输的距离，达到一个轻量、轻快的体验效果，当然网络不好的时候，资源请求会挂掉。

【打包时】

会把NPM依赖的包打到本项目中，占用包的体积
CDN通过链接访问，不打到本地，能减少一些包带来巨大的体积

总结

UNPKG的优点是快速、简单和易用，特别适合于快速开发和测试。但是，由于UNPKG不支持版本锁定，可能会出现版本问题，此外，由于UNPKG是一个公共CDN服务，可能存在安全问题。

开发过程中，要根据实际情况有选择的使用两种资源的引入方式，既能使用NPM按需引入的优势，又可以享受CDN的优势。

如果只是按需引入了很少的依赖包也是没有必要用CDN引入的，因为根本问题是依赖包太大才需要用CDN的高带宽去解决。使用NPM安装第三方包，打包项目时会把相应的文件打包到本项目中，理论上使用本地文件肯定比从网络上去请求一个文件要更快一些。如果没有多少资源文件的话，强行并发下载，会产生多线程小文件的I/O瓶颈。