如何使用限尺寸包？

Question

我已经安装了 npm package size-limit 来监控我的应用程序的大小。根据他们的文档，我在 package.json:

中写了这个

  "scripts": {
    "size": "size-limit"
  },
  
  "size-limit": [
    {
      "path": "./src/index.tsx",
      "limit": "120 KB"
    }
  ],

但是当 运行 yarn size 我收到以下错误：

/bin/sh: size-limit: command not found.

奇怪。当直接 运行 yarn size-limit 我有：

error Command "size-limit" not found.

如何解决这个问题？

Answer 1

您应该尝试以下操作，

• 检查是否所有依赖，如果没有则安装yarn install
• 尝试 yarn run size（正如@RobC 指出的那样）
• 删除 node_modules 文件夹并重新安装依赖项
• 检查包是否安装正确

现在 yarn size 应该可以了。

Answer 2

运行 在尝试 运行 yarn size 时遇到同样的错误。通过安装 size-limit 和 @size-limit/preset-app 作为开发依赖来解决它：

yarn add size-limit @size-limit/preset-app --dev

然后：

1. 在 package.json
中添加大小限制作为配置
2. 添加尺寸脚本

（就像你做的一样，但我的路径是 build/static/**/*.{js,css,svg,woff,woff2,png,ttf,html}）

{
...
 "size-limit": [
    {
      "path": "..."
    }
  ],
  "scripts": {
    ...
    "size": "yarn build && size-limit"
  }
...
}

参考：

• https://www.npmjs.com/package/size-limit/v/0.19.3
• https://medium.com/@eferhatg/create-react-app-continuous-integration-config-with-circleci-and-aws-2b0238cde169

运行 yarn size 现在有效：