问题描述
我想使用 Yup 或 Joi 实现前端验证。
从我找到的所有文档和文章中，我得出几个结论：
- Joi has better performance
- Joi 在后端验证中更受欢迎，而 Yup 在前端验证中更受欢迎
- Joi has a lack of support on the frontend
- 根据 official docs，是的，更精简，并且使用客户端验证构建
- 是的，包的大小比 Joi 小约 2.5 倍 - link
但是，我没有找到与是的相比，Joi 在支持方面缺乏什么？
现在，从所有这些结论来看，它要么选择更小的捆绑包，要么选择更好的性能。
解决方法
过去，joi 确实缺乏浏览器支持，至少开箱即用。它使用一些浏览器中不可用的 Node.js API 来实现其某些功能。仍然可以在其上使用 Browserify，或者使用非官方的 joi-browser npm 包，但该过程非常繁琐，以至于在前端使用 joi 的情况并不常见。是的，这基本上是一种解决方法。
但是，该信息已过时，因为 joi 现在包含易于使用且大小与 yup 大致相同的官方浏览器版本。查看它的 package.json：https://github.com/sideway/joi/blob/83092836583a7f4ce16cbf116b8776737e80d16f/package.json#L8
您的捆绑器，假设它设置正确，应该检测浏览器构建并自动使用它。例如，如果您使用的是 Rollup，请确保使用带有 @rollup/plugin-node-resolve 选项的 browser: true。
我强烈建议现在在前端使用 joi，因为您可以在前端和后端之间共享架构，这真的很棒。