要在在瀏覽器使用某個 npm 包朗伶,必須滿足以下條件
- npm 包支持
https://unpkg.com[推薦]
- 速度比 jsdelivr.com 快
- 操作簡單
用法
請求文件
https://unpkg.com/package[@version][/file][?module]
可選參數(shù)說明:
- package:包名
- version:版本
- file:文件相對路徑
- ?module:使用ESModule版
例如使用 vue3,最新版jquery
https://unpkg.com/vue@3
https://unpkg.com/jquery
查看目錄
https://unpkg.com/package/
例如:查看 vue2 目錄結構
https://unpkg.com/vue@2/
https://www.jsdelivr.com
- 優(yōu)點 同時支持 npm、github 資源
- 查詢 npm 文件回还,有UI界面
- 查詢頁面有時加載不出來
支持這幾種資源 npm拼窥、github戏蔑、wordpress
用法
使用 http 獲取 npm 資源
- 搜索欄 輸入要使用的 npm 包名
- 在新頁面中選擇要使用的資源地址
加速 github 資源
格式如下
https://cdn.jsdelivr.net/gh/user/repo@version/file
使用時將 user 替換為用戶名,repo 替換為倉庫名 鲁纠,(可忽略)version 為版本总棵,file 為文件名
例如
···
https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js
···