如何使用大小限制包？答案

【问题标题】：How to use size-limit package?如何使用大小限制包？
【发布时间】：2021-01-01 06:04:15
【问题描述】：

我已经安装了 npm 包大小限制来监控我的应用程序的大小。按照他们的文档，我在我的 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.

如何解决这个问题？

【问题讨论】：

【解决方案1】：

在尝试为 React 应用程序运行 yarn size 时遇到了同样的错误。通过安装 size-limit 和 @size-limit/preset-app 作为开发依赖项解决了这个问题：

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

然后：

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

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

参考：

运行 yarn size 现在可以工作了：

【讨论】：

【解决方案2】：

您应该尝试以下方法，

现在yarn size 应该可以工作了。

【讨论】：

不，一切都安装好了（不过我已经运行了 yarn install 来仔细检查）。运行yarn size时，我还是有：/bin/sh: size-limit: command not found
@DoneDeal0 你试过删除完整的node_modules 文件夹并重新安装吗？
是的。问题仍然存在:(。
你能用npm试试吗，这看起来很像github.com/postlight/headless-wp-starter/issues/68