如何全局配置Yup自定义isNotEmptyObject方法以跨文件使用？

要让你的isNotEmptyObject方法能在所有Schema中复用，只需把方法注册逻辑抽离到单独文件，并在项目入口提前加载即可，步骤如下：

1. 创建Yup扩展文件 #

新建一个专门存放Yup自定义方法的文件，比如yup-extensions.js，把注册逻辑放进去：

import yup from 'yup';
// 如果你用lodash的isEmpty就导入，也可以自己实现判断逻辑
import { isEmpty } from 'lodash';

function isNotEmptyObject() {
    return this.test("isNotEmptyObject", function (value) {
        const { path, createError } = this;
        // 这里可以给默认错误提示，避免每次调用都要传
        if (isEmpty(value)) return createError({ path, message: "该对象不能为空" });
        return true;
    });
}

// 全局注册到yup的object类型上
yup.addMethod(yup.object, "isNotEmptyObject", isNotEmptyObject);

如果是CommonJS环境（比如Node.js），代码调整为：

const yup = require('yup');
const { isEmpty } = require('lodash');

function isNotEmptyObject() {
    return this.test("isNotEmptyObject", function (value) {
        const { path, createError } = this;
        if (isEmpty(value)) return createError({ path, message: "该对象不能为空" });
        return true;
    });
}

yup.addMethod(yup.object, "isNotEmptyObject", isNotEmptyObject);

2. 在项目入口加载扩展 #

在项目的入口文件（比如React的index.js、Vue的main.js、Node.js的启动文件）中，提前导入这个扩展文件：

// 确保这行代码在任何使用Yup的代码之前执行
import './yup-extensions.js';

// 之后的业务代码中使用Yup就都能调用自定义方法了

3. 在其他文件中直接使用 #

现在不管在哪个文件里定义Schema，都可以直接调用isNotEmptyObject方法：

import yup from 'yup';

const userSchema = yup.object().shape({
  profile: yup.object().isNotEmptyObject()
});

注意事项 #

• 如果你不想依赖lodash，可以自己实现isEmpty逻辑，比如：

  function isEmpty(obj) {
    // 处理null/undefined的情况，根据你的需求调整判断逻辑
    return obj == null || Object.keys(obj).length === 0;
  }
  

• 必须保证扩展文件的导入时机早于所有使用Yup的代码，否则注册不会生效。

内容的提问来源于stack exchange，提问作者user25112351