CDN
- jsDelivr
- 商业化、功能多速度快
- cdn.jsdelivr.net
- 使用 Fastly
- 国内大部分地区不可用
- testingcf.jsdelivr.net
- 使用 Cloudflare
- JSPM
- 基于 rollup
- 支持 systemjs
- jsdelivr 提供 esm.run 别名
- unpkg
- 很久没更新维护了
- esm.sh
- MIT, Golang
- 基于 esbuild - 不支持 systemjs
- skypack - ESM
- BootstrapCDN
- cdnjs
- 加入 CDN 需要申请
- cdnjs
- https://cdnjs.cloudflare.com
- 检测
CDN Test
for i in $(seq 3); do
rm bench-*.txt
for i in $(seq 10); do
curl -o /dev/null -s -w "%{time_total}\n" https://cdn.skypack.dev/react@17 >> bench-a.txt
curl -o /dev/null -s -w "%{time_total}\n" https://cdn.jsdelivr.net/npm/react@17/+esm >> bench-b.txt
curl -o /dev/null -s -w "%{time_total}\n" https://esm.sh/react@17 >> bench-c.txt
done
for i in bench-*.txt; do
echo $i
awk '{ total += $1; count++ } END { print total/count }' $i
done
done
esm.sh
- 可以 Selfhosted
- 主服务器在 HK
- 基于 esbuild 构建
- cjs -> esm 使用 swc
- 支持 X-Typescript-Types 头 - demo 类型检测
?no-check禁用
import React from 'https://esm.sh/react@17';
// 非模块文件
import 'https://esm.sh/tailwindcss/dist/tailwind.min.css';
// bundle 模式
import {Button} from 'https://esm.sh/antd?bundle';
// 开发模式
import React from 'https://esm.sh/react?dev';
// 依赖控制
import React from 'https://esm.sh/[email protected]';
import useSWR from 'https://esm.sh/[email protected]';
// 别名
import useSWR from 'https://esm.sh/swr?alias=react:preact/[email protected]';
// 目标版本 - 默认基于 header 判断
import React from 'https://esm.sh/react?target=es2020';
// WebWorker
import editorWorker from '/monaco-editor/esm/vs/editor/editor.worker?worker';
const worker = new editorWorker();