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

  • 查找特定版本的正确方式
  • 常用 URL 模板
  • 如何查看文件结构
  • 如何查找最新 / 指定版本
  • 实例演示（Vue / React / Lodash 等）

🎯 一、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

你可以看到：

  • dist/
  • package.json
  • compiler/
  • server-renderer/
  • …

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

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

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

操作：

① 打开：

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

② 找到你要的文件，例如：

  • lodash.js
  • lodash.min.js

③ 点击即得到：

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/<包名>@<版本号>