前端引用开源 CDN 的字体、图标等,有什么好办法能下载到本地服务器吗?

2021-02-05 07:03:36 +08:00
 LeeReamond

如题,vue 构建项目,按 v 友推荐去看了一下 vuetify,发现这些 UI 框架有一个共同特点,就是字体、图标等都需要从外部引入。但是外部引入产生一个问题就是比如有一些国外的 CDN 国内访问不友好,加入 CDN 以后,最后检查时发现整个链路中最拖慢速度的部分就是 CDN 加载。

这个情况有什么办法改善吗?一种思路是切换一个国内的镜像 CDN,但我感觉不如直接把所有文件都拉到本地来得直观,完全变成本地静态文件后,可以加快访问速度,可以防止版本更新后不兼容的问题,还可以增加一些安全性。

有什么好办法能把文件和依赖全都拉下来吗?印象中以前用另外一个 UI 框架,里面的 CDN 我是人工操作每个文件往下拉,挺费事的,有什么自动化工具吗?

1026 次点击
所在节点    问与答
2 条回复
susanzhou
2021-02-05 07:18:18 +08:00
用 nuxt 的话,配置好了 yarn generate 的时候直接就本地生成了,不需要 cdn
Pastsong
2021-02-05 09:30:24 +08:00
去这些字体库(通常是 Google Fonts )和图标库的官网可以下载,如果自己拉的话需要注意下这些 CDN 有可能会对不同 UA 返回的资源兼容性处理内容不一样,你自己拉到的用户不一定能用

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/751433

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX