Integration Guide

接入文档

面向生产接入：固定版本、启用 SRI，并按文件类型选择普通脚本、ES Module 或样式文件。

1固定版本

始终使用 /cdn/{package}/{version}/{file} 这类固定版本路径，避免 latest 造成不可预期变更。

2启用 SRI

复制 integrity 字段并加 crossorigin="anonymous"，降低供应链篡改风险。

3先灰度接入

先在测试环境替换 CDN 路径，再观察错误率、加载耗时和兼容性。

4申请收录

目录不存在时提交 npm 包名，系统会自动审核并采集 JS/CSS 文件。

真实可用 HTML 示例

复制前可以先确认文件详情页的可用性检测结果，生产环境建议固定版本并携带 SRI。

下方链接来自当前已入库文件，所有示例都使用本站完整域名 https://cdn.ptab.cn，复制即可接入。

<link rel="stylesheet" href="https://cdn.ptab.cn/cdn/swiper/12.2.0/swiper-bundle.min.css" integrity="sha256-lUgtn2UBvLyz+5MJ53bPVH01U+1Nu5XFlSI8+HYndoQ=" crossorigin="anonymous" />
<script src="https://cdn.ptab.cn/cdn/vue/3.5.35/dist/vue.global.prod.js" integrity="sha256-Sequdifil4q9iUrJX4sCQJVP7dOXsVTJJPHEPa43O/o=" crossorigin="anonymous"></script>
<script type="module">
  import * as lib from "https://cdn.ptab.cn/cdn/vue/3.5.35/dist/vue.esm-browser.prod.js";
  console.log("module loaded", lib);
</script>

CSS: swiper@12.2.0 swiper-bundle.min.css

https://cdn.ptab.cn/cdn/swiper/12.2.0/swiper-bundle.min.css

普通 Script: vue@3.5.35 vue.global.prod.js

https://cdn.ptab.cn/cdn/vue/3.5.35/dist/vue.global.prod.js

Module Import: vue@3.5.35 vue.esm-browser.prod.js

https://cdn.ptab.cn/cdn/vue/3.5.35/dist/vue.esm-browser.prod.js

接入方式说明

普通 Script

适合传统 HTML 页面，优先选择 UMD、global、browser 或 minified 构建。

ES Module

适合现代浏览器或原生模块页面，必须使用 type="module" 或 import。

CSS

样式文件使用 link rel="stylesheet"，同样建议携带 integrity 和 crossorigin。