是的 vs Joi 用于前端验证

Question

我想使用 Yup 或 Joi 实现前端验证。

从我找到的所有文档和文章中，我得出了几个结论：

• Joi has better performance
• Joi 在后端验证中更受欢迎，而 Yup 在前端验证中更受欢迎
• Joi has a lack of support on the frontend
• 根据official docs，是的更精简，并使用客户端验证构建
• 是的，包大小比 Joi 小约 2.5 倍 - link

但是，我没有找到 Joi 与 Yup 相比在支持方面缺乏什么？

目前，从所有这些结论来看，它要么选择更小的捆绑包，要么选择更好的性能。

Answer 1

在过去，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，因为您可以在前端和后端之间共享模式，这真的很棒。