小编cod*_*sfl的帖子

我目前正在尝试为 React 构建一个 UI 库，但遇到了一些麻烦。目前我正在使用打字稿和汇总，我能够捆绑单个组件index.js，并且能够导入这些组件，但它正在导入整个库。

现在：

文件结构：

src
--components
-----button
-------button.tsx
-------button.types.ts
-----input
-------input.tsx
-------input.types.ts
-----index.ts
rollup.js

我的汇总目标index.ts将所有内容导出为这样：

src
--components
-----button
-------button.tsx
-------button.types.ts
-----input
-------input.tsx
-------input.types.ts
-----index.ts
rollup.js

我可以像这样导入反应项目：

export { default as Button} from './button/button'
export { default as Input } from './input/input'

我想要做什么 我希望每个组件都单独捆绑，并且像这样导入

import { Button, Input } from 'my-library'

我尝试过的： 阅读文档后，似乎这就是preserveModule: true我正在寻找的内容，但后来我尝试按照上面的方式导入，但它开始抱怨没有找到任何东西。

我当前的 rollup.js 如下所示：

import { Input } from 'my-library/input'
import { Button } from 'my-library/button'