# 介绍pkg-size 1s：NPM包大小检查的终极工具

于 2023-08-10 14:04:51 发布
阅读量432 收藏
点赞数
分类专栏： Medium同步 文章标签： npm 前端 node.js github
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45663927/article/details/132208251
版权
pkg-size 1s是一款与pkg-size.dev集成的工具，能在npmjs.com和github.com上一键获取包大小信息。通过创新的pkg-size按钮，开发者可以轻松检查并做出明智的包选择决策。它开源且易于使用，为开发工作流程带来便利。
摘要由CSDN通过智能技术生成

在使用NPM包时，大小很重要。但是，在决定使用某个包之前，如何快速准确地评估包的大小呢？这就是pkg-size 1s和pkg-size.dev的用武之地。

轻松检查包大小

pkg-size 1s是一款创新工具，可以在NPM和GitHub包页面上添加一个按钮。单击该按钮，您就能得到包大小的详细信息，这要感谢与pkg-size.dev的集成，这是一个专门用于npm包大小检查的平台。

如何运作

  1. **在npmjs.com上：**寻找pkg-size按钮，点击它，即可获得包大小的全景图。
  2. **在github.com上：**在任何包页面上找到pkg-size按钮，进行快速轻松的分析。

您可以在以下链接看到实际操作：

为什么选择p

最低0.47元/天 解锁文章
mefengl
关注
专栏目录
Node.js-pkg将您的Node.js项目打包成可执行文件
08-10
标题中的“Node.js-pkg将您的Node.js项目打包成可执行文件”指的是使用`pkg`这个工具，它是一个强大的命令行接口，允许开发者将他们的Node.js应用转换为独立的可执行程序。这样的转换使得应用程序无需依赖Node.js...
Linux异步管道多线程速率测试
木牛的博客
02-24 423
目录 结论 源代码 main.c utils.h utils.c Makefile test.sh 文章链接 结论 总体上说，由于是异步，多线程发包对单线程的处理不收很大影响，但是包的大小对发包速率影响较大，当宝大小在6500 byte时，发包速率最大，约为9000 Mbps。 下面直接给出源码 源代码 main.c /** * 异步管道 * rongtao@sylincom.com * 2020年8月4日11:11:03
vue打包优化
weixin_44707050的博客
04-12 1136
1.下载webpack打包分析插件 npm install webpack-bundle-analyzer --save-dev 2.package.json中，scripts->build 添加--report "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build --report" }, 3.创建vue.config.js文件 const BundleAn
打包优化-包大小分析
weixin_46185369的博客
11-06 1113
目标 对开发的应用进行包大小分析 包大小分析 我们集成了功能，写了很多组件，最终都会打包成一堆文件（js目录下会有很多.js文件），每个包大小如何呢？ 我们可以使用vue-cli本身提供的性能分析工具，对我们开发的所有功能进行打包分析，它的使用非常简单 npm run preview -- --report 这个命令会从我们的入口**main.js**进行依赖分析，分析出各个包的大小，方便我们进行观察和优化 执行完这个命令，我们会看到控制台中如下类似的输出 访问：http://localhost:9
npm包管理器
luckyyulun的博客
03-28 372
包管理器
一、vue-cli4打包优化#学会分析查看包依赖关系和大小
Zq
04-29 2091
学会分析（查看）包依赖关系和大小 基础项目环境： vue：3.0 element-plus：^2.1.10 ts和js项目通用 查看工具： webpack-bundle-analyzer：^4.5.0 安装： yarn add webpack-bundle-analyzer -D // vue.config.js module.exports = { chainWebpack: (config) => { if (process.env.analyzer == "1") {
eslint-config-urbanladder:Urbanladder的ES Lint配置
05-18
npm info " $PKG @latest " peerDependencies --json | command sed ' s/[\{\},]//g ; s/: /@/g ' | xargs yarn add --dev " $PKG @latest " ) Windows用户将需要手动安装此项目的所述的对等依赖项 用法 要使用...
bot-whatsapp:脚本Bot WhatsApp更新！！！
03-16
我是DimS Gift Me Stars :glowing_star:工具> Termux> WhatsApp> 2 HandPhone安装请按照下面的步骤！ > termux-setup-storage(after that tap on permission)> pkg update -y> pkg upgrade -y> pkg install git -y> ...
node-v16.16.0-win-x64.zip
07-08
4. **npm（Node Package Manager）**：Node.js 随带的npm是最大的开源软件包管理器之一，它拥有海量的第三方模块，可以方便地用于项目开发，例如Express.js（web框架）、MongoDB驱动、React或Vue.js（前端库）等。...
bot1-loser
03-19
OPAAA LOSER机器人 :crocodile: ...> pkg install npm > git clone https://github.com/pereira666/bot1-loser.git > cd bot1-loser > bash install.sh 乌苏 > npm start > leia o códico QR e após isso de um exit
npm-size:获取npm软件包的安装大小
05-17
npm大小 请考虑给该项目的作者 ，以显示您的 :red_heart: 和支持。 获取npm软件包的安装大小。 什么是安装尺寸？ “安装大小”是您的硬盘驱动器在运行npm install之后将报告的大小。 这包括您安装的软件包，所有依赖项及其依赖项的依赖项...等等。 -引用 （该软件包的在线替代品）。 安装 npm i -g npm-size 用法 npm-size [...package names] # Examples npm-size webpack rollup # Local package npm-size ./my-package # Exit with error when the size exceeds 5MB npm-size ./ --limit 5mb # Print sizes for the dependencies listed in a package.json
Node.js-npm-size获取一个npm包的安装大小
08-09
npm-size：获取一个npm包的安装大小
npm 如何查看一个包的版本信息
weixin_34120274的博客
08-11 110
https://blog.csdn.net/cvper/article/details/79543262 有了npm 我们能够简单的一段代码就下载我们需要的包，但是包是不断更新的， 所以我们要关注包的版本信息； 现在，假设我们需要 jquery ，但是jquery现在有很多版本，我们如何通过npm查看呢？ 要知道，现在的jquery包在npm服务器的上，我们使用下面的命令查看： 第一种方式：使用...
npm--05--查看npm包信息
赵天铭的博客
12-09 2321
第一种：查看任何npm包信息 如果你想查看一个npm包的信息： npm view package_name 就会输出这个npm包的基本信息，例： npm view z-message // 输出如下信息 { name: 'z-message', 'dist-tags': { latest: '0.4.4' },// 最新版本号 versions: [ '0.1.0', '0.2.0', ...
peerDependencies 优化npm包大小
阿豪
03-04 262
原文链接: peerDependencies 优化npm包大小 ...
减小发布到npm包的体积与避免重复依赖
飞翔的熊blabla
09-15 1890
这两天一直在忙于封装一个vue table组件并发布到npm，记录一下我是如何把npm包的大小从100多kb减小到不足1kb的过程。 背景 这个组件底层依赖于element-ui，使用了其table组件和pagination组件，最终的组件是一个完全通过配置来描述每一列的表格组件。最开始我发布的是打包之后的代码。如果使用的这个组件的项目中没有引入过element-ui组件，那么不会造成任何重复的依赖，直接引用打包后的版本。但是如果项目本身已经引入了完整的element-ui(我们公司使用这个组件的10余
npm 如何查看一个包的版本信息？
热门推荐
cvper's world !
03-13 18万+
有了npm 我们能够简单的一段代码就下载我们需要的包，但是包是不断更新的，所以我们要关注包的版本信息；现在，假设我们需要  jquery ，但是jquery现在有很多版本，我们如何通过npm查看呢？要知道，现在的jquery包在npm服务器的上，我们使用下面的命令查看：第一种方式：使用npm view jquery versions                    这种方式可以查看npm服务...
python3-catkin-pkg-modules : 冲突: catkin 但是 0.8.10-7 正要被安装
最新发布
06-11
这个问题可能是因为你正在尝试安装一个软件包，但是该软件包依赖于 catkin，而你已经安装了版本为 0.8.10-7 的 catkin 软件包。但是，另一个软件包 python3-catkin-pkg-modules 需要不同版本的 catkin，这导致了冲突。 你可以尝试升级或降级 catkin 软件包的版本，或者使用软件包管理器来解决冲突。具体操作取决于你所使用的操作系统和软件包管理器。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值