Size Limit:控制 JavaScript 库大小的工具

Size Limit 是一款工具,可以防止 JavaScript 库变得过于庞大。当您在构建过程中不小心添加了大量依赖项时,Size Limit 会发出错误警告。

除了提醒您库的大小,Size Limit 还能提供更多信息。使用 --why 参数,它可以显示库大小背后的原因,包括所有内部依赖项的实际成本。

Size Limit 的工作原理是创建一个空的 webpack 项目,然后将您的库作为依赖项添加到该项目中。接下来,它会计算库的实际大小,包括所有依赖项和 webpack 的 polyfill 等。

使用 Size Limit 的示例:

  1. 安装 Size Limit:
$ npm install --save-dev size-limit
  1. package.json 中添加 sizeLimit 部分和 size 脚本:
{
  "devDependencies": {
    "size-limit": "^3.0.0"
  },
  "scripts": {
    "size": "size-limit"
  }
}
zip 文件大小:479.49KB