美文网首页
浏览器端使用 npm 包

浏览器端使用 npm 包

作者: xczq | 来源:发表于2021-09-28 10:32 被阅读0次

要在在浏览器使用某个 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
···

相关文章

  • 浏览器端使用 npm 包

    要在在浏览器使用某个 npm 包,必须满足以下条件 npm 包支持 https://unpkg.com[[http...

  • create.js使用分享

    使用create.js包的时,如果你在浏览器直接使用报错那就对了 使用npm i create -D 安装的包,不...

  • meteor 1.4更新之后的变革

    首先是npm依赖包不在只限于server端使用,在client端也可以用了!相比以前用browserify省力了。...

  • Socket.io 使用小记

    1. 服务端 我采用的是 nodejs,需要引入 socket.io 的 npm 包。 2. 客户端 可以使用 *...

  • npm更新

    使用npm管理node的包,可以使用npm update 对单个包升级,对于npm的版本大于 2.6....

  • 使用Fiddler进行抓包<二>

    上一篇:使用Fiddler进行抓包<一> 上篇记录了如何使用Fiddler进行PC端浏览器的数据抓包,这次尝试抓取...

  • 使用 TypeScript 编写 npm 包

    使用 TypeScript 编写 npm 包跟 使用 JavaScript 编写 npm 包本质上是没有什么区别...

  • npm

    npm站点:供使用者搜索js包,或者管理自己的包cli: 使用命令和npm包进行交互registry: 注册中心,...

  • 编写一个供浏览器端使用的NPM包

    在编写程序时,总会有一些代码是我们不愿意一遍又一遍重复地去写的,比如一些UI或交互相似组件,或是一些相似的流程或逻...

  • npm npm包 serve使用

    前端打好包后有时需要将打包好的项目跑一下看看效果,但又不能直接打开,这时可以简单使用serve工具: 1.首先需要...

网友评论

      本文标题:浏览器端使用 npm 包

      本文链接:https://www.haomeiwen.com/subject/fzmlnltx.html