Skip to content

CDN 使用

v0.3.11 · Latest stable

生產環境建議固定版本號,不建議使用 @latest

jsDelivr(推荐)

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/sodialog.css">

<script type="module">
  import { openModal } from 'https://cdn.jsdelivr.net/npm/[email protected]/dist/sodialog.es.js'

  openModal({
    title: 'Hello',
    content: '<p>Loaded from jsDelivr.</p>',
  })
</script>

UNPKG(备用)

<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/sodialog.css">

<script type="module">
  import { pushMessage } from 'https://unpkg.com/[email protected]/dist/sodialog.es.js'

  pushMessage('success', 'Loaded from UNPKG.')
</script>

UMD / IIFE

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/sodialog.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/sodialog.umd.js"></script>

文件範例版本

/components/ 下的可執行 HTML 範例使用共享 loader 解析 CDN 版本。預設值集中維護在 /components/sodialog-loader.js,也支援透過 URL 參數暫時覆蓋:

  • ?sodialogVersion=latest
  • ?sodialogVersion=0.3.10

這個能力用於驗證或排查 CDN 版本差異;生產頁面仍建議複製上方固定版本位址。

建議

  • jsDelivr 是推薦方案。
  • UNPKG 可作為備用方案。
  • 如果 CSP 禁止外部腳本,請下載並自託管檔案。

Released under the MIT License.