浏览器端使用 npm 包

要在在浏览器使用某个 npm 包，必须满足以下条件

1. npm 包支持

https://unpkg.com[推荐]

• 速度比 jsdelivr.com 快
• 操作简单

用法

请求文件

https://unpkg.com/package[@version][/file][?module]

可选参数说明：

• 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

• 优点 同时支持 npm、github 资源
• 查询 npm 文件，有UI界面
• 查询页面有时加载不出来

支持这几种资源 npm、github、wordpress

用法

1. 打开 https://www.jsdelivr.com/

使用 http 获取 npm 资源

1. 搜索栏 输入要使用的 npm 包名
2. 在新页面中选择要使用的资源地址

加速 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
···