菜鸟-创作你的创作

unpkg中查找CDN指定版本链接

下面给你一份 最清晰、最实用、可直接操作的《如何在 unpkg 中查找 CDN 指定版本链接》指南,包括:


🎯 一、unpkg 是什么?

unpkg 是基于 npm 的全球 CDN:
只要包在 npm 上,就能通过 URL 直接访问任何版本文件。


🧩 二、unpkg 的 URL 规则(核心)

1)访问某个包的最新版本

https://unpkg.com/<包名>

例如:

https://unpkg.com/vue


2)访问某个“指定版本”

https://unpkg.com/<包名>@<版本号>

例如:

https://unpkg.com/vue@3.4.21


3)访问指定版本内的某个文件

https://unpkg.com/<包名>@<版本号>/<文件路径>

例如 Vue 3 的全量构建:

https://unpkg.com/vue@3.4.21/dist/vue.global.js


🧭 三、如何查看某个包的所有版本?

方法 1:查看 npm 页面(最推荐)

打开 npm:

https://www.npmjs.com/package/<包名>

例如:

https://www.npmjs.com/package/vue

在 “Versions” 即可查看所有版本。


方法 2:使用 unpkg 强制显示目录结构

只需在 URL 加一个 ?meta
即可显示该包版本的目录树:

https://unpkg.com/<包名>@<版本号>/?meta

例子:

https://unpkg.com/vue@3.4.21/?meta

你可以看到:

里面每个文件点进去都能取到 CDN URL。


🔍 四、一步查找 CDN 指定版本方法(最简单)

假设你想查:
lodash 的 4.17.21 的 CDN 链接

操作:

① 打开:

https://unpkg.com/lodash@4.17.21/?meta

② 找到你要的文件,例如:

③ 点击即得到:

https://unpkg.com/lodash@4.17.21/lodash.min.js


📦 五、常用 JS 框架示例(可直接复制)

Vue 3 指定版本

https://unpkg.com/vue@3.4.21/dist/vue.global.js

Vue 3 生产版本(压缩):

https://unpkg.com/vue@3.4.21/dist/vue.global.prod.js


React 指定版本

https://unpkg.com/react@18.3.1/umd/react.production.min.js
https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js


Axios 指定版本

https://unpkg.com/axios@1.6.5/dist/axios.min.js


Bootstrap 指定版本(css + js)

CSS:

https://unpkg.com/bootstrap@5.3.2/dist/css/bootstrap.min.css

JS:

https://unpkg.com/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js


🛠 六、如果你不知道版本怎么办?

可以直接访问:

https://unpkg.com/<包名>/package.json

例如:

https://unpkg.com/vue/package.json

里面有:

"version": "3.4.21"


📘 七、总结(一句话记住)

使用 unpkg 查找 CDN 的 万能公式

https://unpkg.com/<包名>@<版本号>/<路径>

查看目录结构:

https://unpkg.com/<包名>@<版本号>/?meta

查看默认文件:

https://unpkg.com/<包名>@<版本号>

退出移动版