是的 vs Joi 进行前端验证

如何解决是的 vs Joi 进行前端验证

我想使用 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，因为您可以在前端和后端之间共享架构，这真的很棒。