javascript - 如何配置一个包以在 reactjs 中导出子目录？

Question

目前，我有一个通用包，其中组件导出为命名导出，就像在src/index.js

export ComponentA from './ComponentA'
export ComponentB from './ComponentB'

在另一个项目中，这是一个依赖包，我将其导入为

import { ComponentA, ComponentB } from 'my-package';

相反，我需要像这样导入它

import ComponentA from 'my-package/ComponentA'

这样我就可以使用 react.lazy() 并将其用作

const LazyComponentA = React.lazy(()=> import('my-package/ComponentA'))

这是假设如果我像这样延迟加载组件，它只会ComponentA从“my-package”包中下载而不是其他组件。

提前致谢

标签： javascriptreactjs

Answer 1

在您的导入中my-package/ComponentA添加文件：index.js

// my-package/ComponentA/index.js
import { ComponentA } from "./some-path";
export default ComponentA;