自己开发的组件放入免费的cdn
免费的 cdn 服务
全球
- https://unpkg.com/ ：自动抓取 npm 仓库的包
- https://www.jsdelivr.com/ ：自动抓取 npm 仓库的包
- https://cdnjs.com/ : 需要自己到 cdnjs 的 github 仓库维护包信息
国内
- https://npm.elemecdn.com/ ：自动抓取 npm 仓库的包
- https://github.elemecdn.com/ ：自动抓取 npm 仓库的包
- https://unpkg.zhimg.com/ ：不清楚
- https://cdn.bytedance.com/ : 需要到 cdnjs 的 github 仓库维护包信息
- https://www.staticfile.org/ : 需要到 staticfile 的 github 仓库维护包信息
如何在 unpkg 和 jsdelivr 上查看某个包所有文件
jsdelivr 有搜索界面，直接用即可
unpkg 没有搜索界面，只能自己改 url 地址
以查找@pzy915/router-tabs包的所有文件为例
- 地址栏输入:
https://unpkg.com/@pzy915/router-tabs， 此时会自动跳转到:https://unpkg.com/@pzy915/router-tabs@0.0.6/dist/router-tabs.umd.cjs - 修改跳转后的地址从
https://unpkg.com/@pzy915/router-tabs@0.0.6/dist/router-tabs.umd.cjs改为https://unpkg.com/browse/@pzy915/router-tabs@0.0.6/dist/router-tabs.umd.cjs(即从:https://unpkg.com/包名@版本/文件改为https://unpkg.com/browse/包名@版本/文件) 此时能看到如下界面，然后直接通过界面浏览即可
国内 cdn 文件地址组装方式
方式一:
国内是按照 unpkg 的格式来的
方式二
打开某个包在 unpkg 的 browse 界面，此时可以看到该包的所有文件，然后点开对应文件，直接从浏览器复制browse之后的那节地址即可
方式三
凡是发布到 npm 库中的包都有被 https://www.jsdelivr.com/ 收录，这也是个 cdn，可以从这个网址看正确的 cdn 文件
https://www.jsdelivr.com/package/npm/@pzy915/router-tabs
https://www.jsdelivr.com/package/npm/你的包名
