大音希声，大象无形，大智若愚，大巧若拙，越是“复杂”的东西，其原理越趋向“简单”，大道至简，繁在人心。

我们都知道，npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微，但是作为广泛使用的存储库的 npm，却依然如日中天，还是世界上最大的软件注册表。

npm install xxx

如果你对这个问题感兴趣，不妨跟着我通过本文一探究竟，也许最终你会发现：越是“复杂”的东西，其原理越趋向“简单”。

script

我们还得在资源引入后以及出现错误时，给用户一些提示：

根据包名安装 npm 包

cdnjs
https://api.cdnjs.com/libraries?search=jquery



是以，根据包名搜索 cdn 资源 URL 便有如下的实现：

安装特定版本的 npm 包

npm install jquery@3.5.1
unpkg.com/:package@:version/:file
https://unpkg.com/jquery@3.5.1https://unpkg.com/jquery@3.5.1/dist/jquery.jsv3.5.1jQuery



https://unpkg.com/包名

完整代码

npmInstall
npmInstall('moment')



下面这些调用方式自然也是支持的：

不每次都写这些函数行不行

看了上面的操作，确实很简单，但是也许你会说：每次要使用时，我都得在控制台定义和调用函数，有些麻烦，不每次都写这些函数行不行？那自然是行的啦，你完全可以自己写一个浏览器插件，将这些 JS 代码注入页面，详情可参考7 分钟学会写一个浏览器插件——突破某 SDN 未登录禁止复制的限制。

Console Importer
  • 使用示例：


可以干什么

那么，本文介绍的方法和工具到底有什么用呢？

loadsh、moment、jQuery、Reactconsole.log
jQueryaxiosmoment.jsloadsh

可以学到什么

unpkg

unpkg.com/:package@:version/:filehttps://unpkg.com/包名

cdnjs

cdnjs 是一种免费的开源 CDN 服务，受到超过 12.5% 的网站的信任，每月处理超过 2000 亿次请求，由 Cloudflare 提供支持。它类似 Google CDN 和微软 CDN 服务，但是速度比这二者更加快。CDNJS 上提供了众多 JavaScript 库，你可以直接在网页上引用这些 JS 文件，实现用户浏览网站的最佳速度体验。

https://api.cdnjs.com/libraries?search=xxx

大道至简，繁在人心

越是“复杂”的东西，其原理也许越是趋向“简单”，大道至简，繁在人心，祝每一个努力攀登者，终能豁然开朗，释然于心。

参考资料

本文发布于

欢迎

。