举一个简单的例子：

const myFunc = () => console.log("foo");
export const funcs = {myFunc};

我希望能够导入这个与浏览器的import()函数，并能够访问mod.funcs。
如果我直接在浏览器中导入源代码，一切都可以正常工作。但是，我如何让yarn构建一个仍然可以导入的版本呢？
如果我尝试构建那个版本，那么编译后的版本就是(()=>{"use strict"})();，根本没有这个函数。
我也试过：

module.exports = {myFunc};

这似乎产生了一些代码，其中包括功能，但我仍然无法访问它导入后，在浏览器中。
用Yarn构建，它叫react-scripts build。
我正在尝试构建的完整应用程序：
应用程序需要能够导入任意用户定义的JS模块来提供定制。目前，这是通过以下方式完成的：

import(/* webpackIgnore: true */ js_module).then((mod) => {
        Object.assign(COMPONENTS, mod.components);
        Object.assign(USER_FUNCS, mod.funcs);
    });

https://github.com/aio-libs/aiohttp-admin/blob/master/admin-js/src/App.js#L77
这应该适用于vanilla JS模块（例如添加可以用于验证器的简单函数），而无需构建工具。这目前工作正常，例如这个模块加载没有问题，添加一个新的功能到应用程序：https://github.com/aio-libs/aiohttp-admin/blob/master/examples/validators.py#L15-L21
它还需要与React模块一起工作，以便可以将自定义的react-admin组件添加到components对象中。这是我努力打造的部分。如果我构建并导出一个组件作为模块，当我将其加载到应用程序时，我会从React的useContext（）中得到错误，我认为这是因为用户模块中的上下文与应用程序中的上下文不同。
为了测试，我主要复制了CloneButton的代码（一旦某些东西实际工作，我会修改它）：https://github.com/marmelab/react-admin/blob/61555343ac1d325effc75f21591c422c7825e918/packages/ra-ui-materialui/src/button/CloneButton.tsx是useResourceContext（）、useRecordContext（）等。在React的useContext（）中失败。