javascript - 使用npm包时,如何快速查看其体积?

查看:107
本文介绍了javascript - 使用npm包时,如何快速查看其体积?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

使用npm包时,如何快速查看该包及其所依赖的包的体积?

如使用request包(https://www.npmjs.com/package...
var request = require('request');

发现其所依赖的包是一个大列表:
knoword-client, tenon-node, podcast-parser, salaries-indeed, carwings2, nullbot-client, vpm-http, tsheets-sdk, gh-release, convo-builder, firmament, bower-art-resolver, gmail-batch-stream, nwjs-download, yo-kf5, smartcitizen, enclout-node, sdh-core-bot, static-code-analysis, hget, oai-pmh, neocrawler, planet-stream, jrequest, hdwallet, oys, goproh4, wolly, ghost-cli, mjtb-unidata, clack, twitch-api, tessel, dicio, cleverbot, cleverbot.io, node-gh-trending, lookupstuff, warmup, grasshopper-core, spacekit, hkit, bugsnag, coviu-sdk-oauth2, samplr, grunt-mustache-render, reddit-subs, hds-js-sdk, feed-read, bot-canalplus, and more
并且这些依赖项更有各自的依赖,依此递归到叶子包.

如果在Node.js中使用,当然没问题。
但如果基于webpack或其它打包工具用于browser中,使用它最终给前端文件增加多少体积,令人堪忧。

除了直接地看npm包对应的github中dist/packname.min.js的大小 及其依赖项的多少外,大家还有没有更好的办法? 谢谢!!!

解决方案

可以用这个工具 https://github.com/robertknig... 来查看 webpack 打包后每个库的依赖关系和占用的大小。

这篇关于javascript - 使用npm包时,如何快速查看其体积?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆