Javascript 将react框架与rollup绑定到多个块中会丢失对EProvider的引用

我正在使用rollup.config.js文件捆绑并构建我的react应用程序（这在github上），以便将其导入多个不同的项目。我的react应用程序本质上是一个框架，它有不同的文件夹，其中包含按钮、下拉列表、表格等组件。虽然我目前有一个配置的工作版本，可以正确构建和绑定应用程序，但它只将其分块到dist文件夹中的一个index.js文件中。我能写像这样的导入语句

import { Button } from 'framework-react/dist'

但我的目标是能够以

import { Button } from 'framework-react/dist/buttons'
and 
import { Table } from 'framework-react/dist/tables'

（与我的framework react应用程序的文件夹结构相同）。 我要将组件导入的项目包装在自定义ThemeProvider中，当我尝试将其绑定到不同的文件而不是一个文件时，我会丢失引用，ThemeProvider会停止工作。关于我能做些什么来解决这个问题，有什么建议吗？以下是我的rollup.config.js供参考：

import babel from 'rollup-plugin-babel';
import commonjs from '@rollup/plugin-commonjs';
import external from 'rollup-plugin-peer-deps-external';
import resolve from '@rollup/plugin-node-resolve';
import visualizer from 'rollup-plugin-visualizer';
import { terser } from 'rollup-plugin-terser';

export default   {
  input: {
    index: 'src/index',
  },
  output: {
    dir: 'dist',
    format: 'umd',
    name: 'Framework',
    globals: {
      react: 'React',
      'react-dom': 'ReactDOM',
      'prop-types': 'PropTypes',
      uuid: 'uuid',
      'react-virtualized': 'AutoSizer',
      xlsx: 'XLSX',
    },
  },
  external: ['react', 'react-dom', 'prop-types', 'uuid', 'xlsx', 'react-virtualized'],
  plugins: [
    babel({
      exclude: 'node_modules/**',
      runtimeHelpers: true,
    }),
    external(),
    resolve(),
    commonjs(),
    visualizer(),
    terser(),
  ],
};

---

嗨，米洛，你能解决这个问题吗？嗨，米洛，你能解决这个问题吗？