如何使用大小限制包？

Posted 2023-02-16

【中文标题】如何使用大小限制包？

【英文标题】：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.

如何解决这个问题？

【问题讨论】：

你试过跑步吗：yarn run size

是的。恐怕没有成功。

【参考方案1】：

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

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

然后：

在 package.json 中添加 size-limit 作为配置 添加大小脚本

（就像你做的一样，但我的路径是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 现在可以工作了：

【参考方案2】：

您应该尝试以下方法，

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

现在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