尽量使用包装大小。

npx package-size vue,vue-router,vuex react,react-dom,react-router,redux

https://github.com/egoist/package-size

看看这个模块成本项目。这是一个npm包，它会列出包的大小和子元素的数量。

安装: NPM install -g cost-of-modules

用法: 在您工作的目录中运行cost-of-modules。

你可以查看npm-module-stats。它是一个npm模块，可以获取npm模块的大小及其依赖项，而无需安装或下载该模块。

用法:

var stats = require("npm-module-stats");

stats.getStats("glob").then((stack) => {

  let dependencies = Object.keys(stack);
  let totalSize = dependencies.reduce((result, key, index) => {
    return result + stack[key].size;
  }, 0);

  console.log('Total Size in Bytes ', totalSize);
  console.log('Total Dependencies ', dependencies.length-1);

}).catch((err) => {
  console.error(err);
});

它可能看起来有点啰嗦，但它解决了您恰当描述的问题。

我创建bundlejs正是出于这个原因。Bundlejs被设计成一个快速且始终可访问的在线捆绑器，可以摇树，分析捆绑包，缩小，gzip & brotli捆绑包，给出压缩大小，并返回完全捆绑的代码，您可以在https://bundlejs.com查看它。

源代码可在GitHub上https://github.com/okikio/bundlejs获得

然而，如果你的目标只是检查包的npm安装大小，我强烈推荐https://packagephobia.com。我没有创建packagephobia，但当涉及到检查js包大小时，它是一个高质量的工具，涵盖了其他细分市场

你可能想要衡量的是，如果你要将一个包添加到你的应用程序包中，它的影响。大多数其他答案只会估计源文件的大小，这可能不准确，因为内联注释，长var名称等。

我做了一个小工具，它会告诉你包的最小+ gzip大小后，它进入你的bundle -

https://bundlephobia.com

尽量使用包装大小。

npx package-size vue,vue-router,vuex react,react-dom,react-router,redux

https://github.com/egoist/package-size