当我在NPM上搜索包时,我想看到包的大小(KB或MB等)。NPM似乎没有显示这一信息。
我如何确定一个NPM包会给我的项目增加多少膨胀?
当我在NPM上搜索包时,我想看到包的大小(KB或MB等)。NPM似乎没有显示这一信息。
我如何确定一个NPM包会给我的项目增加多少膨胀?
当前回答
看看这个模块成本项目。这是一个npm包,它会列出包的大小和子元素的数量。
安装: NPM install -g cost-of-modules
用法: 在您工作的目录中运行cost-of-modules。
其他回答
我已经创建了一个工具npm download size,它可以检查给定npm包的tarball大小,包括依赖树中的所有tarball。这可以让您了解预先添加依赖项的成本(安装时间、磁盘空间、运行时资源、安全审计……)。
在上图中,Tarball size是package的tar.gz, Total size是所有Tarball的大小。这个工具非常基本,但它做到了它所说的。
还可以使用cli工具。你可以这样安装:
npm i -g download-size
像这样使用它:
$ download-size request
request@2.83.0: 1.08 MiB
源代码可在Github: api, cli工具和web客户端。
自从https://github.com/aholachek/bundle-wizard发布以来,我一直喜欢它。
它在已部署的站点上工作:npx bundle-wizard reddit.com 它适用于您的本地项目: 对于多页面的应用程序/网站,调整最后一行与你想检查的路径。 NPM运行构建 NPX serve -s build NPX bundle-wizard localhost:5000/
交互式视图对于发现在哪里非常有帮助。
为了检查不同的包对你的包的影响。你可以查看source-map-explorer。
安装:
npm install -g source-map-explorer
用法:
source-map-explorer bundle.min.js
source-map-explorer bundle.min.js bundle.min.js.map
source-map-explorer bundle.min.js*
source-map-explorer *.js
这将打开一个可视化的空间是如何在您的压缩包中使用的。
如果你使用Visual Studio Code,你可以使用一个名为Import Cost的扩展。
这个扩展将在编辑器中内联显示导入包的大小。扩展利用webpack与babili-webpack-plugin,以检测导入的大小。
看看这个模块成本项目。这是一个npm包,它会列出包的大小和子元素的数量。
安装: NPM install -g cost-of-modules
用法: 在您工作的目录中运行cost-of-modules。