如何完整下载「UNPKG.COM」的软件包

Nephilim 2024-07-18

101

Tips：一些记录，一些笔记

2024/07/17

THURSDAY

Do not, for one repulse, give up the purpose that you resolved to effect.

不要因为一次挫败，就放弃你原来决心想要达到的目的。

UNPKG.COM

我们经常可以在前端框架的网站上，看到除了通过包管理器（PNPM YARN NPM），我们还可以更简单的直接在页面上通过「script」标签引入托管了框架代码的CDN服务商的地址：

这种方式虽然方便，但是如果你运行WEB的环境没有外网，则你无法访问到CDN提供商，自然，也就无法解析某些框架特定的语法与特性。

而当你访问这些引用的时候，会发现它们是长这样的：

这并不像我们通常访问软件网站那样，有一个集中的Button（按钮），可以让我们只需要点击一下，就可以下载完整的托管代码。

那么，这样的代码，我们如何完整的下载到本地呢？

毕竟一个个的文件下载，虽然繁琐、麻烦、又辛苦，但是如果文件数量小还可行，如果一个目录中文件太多了，几十个、几百个，...

比方说存放语言国际化的目录「locale」为了更完整的支持全球语言，可能其中有大几十，乃至上百个小语种的对应的语言包与文件。

这样的情况，一个个的下载，肯定是不现实的。

完整的下载UNPKG.COM的软件包

首先，创建一个空目录：

(base) adamhuan@Leviathan adamhuan_toolbox_base % pwd
/Users/adamhuan/adamhuan_toolbox_base
(base) adamhuan@Leviathan adamhuan_toolbox_base % 
(base) adamhuan@Leviathan adamhuan_toolbox_base % mkdir element-plus
(base) adamhuan@Leviathan adamhuan_toolbox_base % 
(base) adamhuan@Leviathan adamhuan_toolbox_base % ls -ltr
total 0
drwxr-xr-x  2 adamhuan  staff  64  7 18 20:18 element-plus
(base) adamhuan@Leviathan adamhuan_toolbox_base % 
(base) adamhuan@Leviathan adamhuan_toolbox_base % cd element-plus 
(base) adamhuan@Leviathan element-plus % 
(base) adamhuan@Leviathan element-plus % ls -ltr
total 0
(base) adamhuan@Leviathan element-plus %

然后，通过包管理器，安装你需要的软件包；在这里，我安装的是「element-plus」：

(base) adamhuan@Leviathan adamhuan_toolbox_base % cd element-plus 
(base) adamhuan@Leviathan element-plus % 
(base) adamhuan@Leviathan element-plus % ls -ltr
total 0
(base) adamhuan@Leviathan element-plus % 
(base) adamhuan@Leviathan element-plus % pnpm install element-plus
Packages: +46
++++++++++++++++++++++++++++++++++++++++++++++
Progress: resolved 46, reused 46, downloaded 0, added 46, done


dependencies:
+ element-plus 2.7.7


Done in 1.8s
(base) adamhuan@Leviathan element-plus % 
(base) adamhuan@Leviathan element-plus % ls -ltr
total 40
-rw-r--r--  1 adamhuan  staff  12462  7 18 20:19 pnpm-lock.yaml
drwxr-xr-x  5 adamhuan  staff    160  7 18 20:19 node_modules
-rw-r--r--  1 adamhuan  staff     53  7 18 20:19 package.json
(base) adamhuan@Leviathan element-plus % 
(base) adamhuan@Leviathan element-plus % ls -ltr node_modules 
total 0
lrwxr-xr-x  1 adamhuan  staff  61  7 18 20:19 element-plus -> .pnpm/element-plus@2.7.7_vue@3.4.32/node_modules/element-plus
(base) adamhuan@Leviathan element-plus %

最后，进入「node_modules」目录，找到你安装的软件包，进入它的目录，你就可以看到你希望下载的完整的软件包了：

(base) adamhuan@Leviathan element-plus % pwd 
/Users/adamhuan/adamhuan_toolbox_base/element-plus
(base) adamhuan@Leviathan element-plus % 
(base) adamhuan@Leviathan element-plus % ls -ltr
total 40
-rw-r--r--  1 adamhuan  staff  12462  7 18 20:19 pnpm-lock.yaml
drwxr-xr-x  5 adamhuan  staff    160  7 18 20:19 node_modules
-rw-r--r--  1 adamhuan  staff     53  7 18 20:19 package.json
(base) adamhuan@Leviathan element-plus % 
(base) adamhuan@Leviathan element-plus % cd node_modules/element-plus 
(base) adamhuan@Leviathan element-plus % 
(base) adamhuan@Leviathan element-plus % ls -ltr
total 1216
-rw-r--r--    1 adamhuan  staff    6610  3 23 16:49 global.d.ts
-rw-r--r--    1 adamhuan  staff    6767  6 26 19:59 README.md
-rw-r--r--    1 adamhuan  staff  258371  7 16 14:07 attributes.json
-rw-r--r--    1 adamhuan  staff    2639  7 16 14:07 package.json
-rw-r--r--    1 adamhuan  staff   31716  7 16 14:07 tags.json
-rw-r--r--    1 adamhuan  staff  303596  7 16 14:07 web-types.json
drwxr-xr-x  118 adamhuan  staff    3776  7 18 20:19 theme-chalk
drwxr-xr-x   10 adamhuan  staff     320  7 18 20:19 dist
drwxr-xr-x   30 adamhuan  staff     960  7 18 20:19 es
drwxr-xr-x   30 adamhuan  staff     960  7 18 20:19 lib
(base) adamhuan@Leviathan element-plus % 
(base) adamhuan@Leviathan element-plus % cd dist 
(base) adamhuan@Leviathan dist % 
(base) adamhuan@Leviathan dist % ls -ltr
total 32512
-rw-r--r--    1 adamhuan  staff   326801  7 16 14:07 index.css
-rw-r--r--    1 adamhuan  staff  2062614  7 16 14:07 index.full.js
-rw-r--r--    1 adamhuan  staff   960168  7 16 14:07 index.full.min.js
-rw-r--r--    1 adamhuan  staff  5256164  7 16 14:07 index.full.min.js.map
-rw-r--r--    1 adamhuan  staff  5251338  7 16 14:07 index.full.min.mjs.map
-rw-r--r--    1 adamhuan  staff   869991  7 16 14:07 index.full.min.mjs
-rw-r--r--    1 adamhuan  staff  1901163  7 16 14:07 index.full.mjs
drwxr-xr-x  356 adamhuan  staff    11392  7 18 20:19 locale
(base) adamhuan@Leviathan dist %

END

温馨提示

如果你喜欢本文，请分享到朋友圈，想要获得更多信息，请关注我。

base element

文章转载自Nephilim，如果涉嫌侵权，请发送邮件至：contact@modb.pro进行举报，并提供相关证据，一经查实，墨天轮将立刻删除相关内容。

如何完整下载「UNPKG.COM」的软件包

评论