Size Limit:控制 JavaScript 库大小的工具
Size Limit 是一款工具,可以防止 JavaScript 库变得过于庞大。当您在构建过程中不小心添加了大量依赖项时,Size Limit 会发出错误警告。
除了提醒您库的大小,Size Limit 还能提供更多信息。使用 --why
参数,它可以显示库大小背后的原因,包括所有内部依赖项的实际成本。
Size Limit 的工作原理是创建一个空的 webpack 项目,然后将您的库作为依赖项添加到该项目中。接下来,它会计算库的实际大小,包括所有依赖项和 webpack 的 polyfill 等。
使用 Size Limit 的示例:
- 安装 Size Limit:
$ npm install --save-dev size-limit
- 在
package.json
中添加sizeLimit
部分和size
脚本:
{
"devDependencies": {
"size-limit": "^3.0.0"
},
"scripts": {
"size": "size-limit"
}
}
479.49KB
文件大小:
评论区