我创建了一个组件库（React，TypeScript和Webpack），它的结构如下所示：

- src
  - ui-components
      - ComponentA
      - ComponentB
      - index.ts
  - plugins
      - PluginA
      - PluginB
      - index.ts
  - index.ts

src/index.ts看起来像这样：

export * from './ui-components';
export * from './plugins';

src/ui-components/index.ts看起来像这样：

export * from './ComponentA';
export * from './ComponentB';

src/plugins/index.ts看起来像这样：

export * from './PluginA';
export * from './PluginB';

我的package.json看起来像这样：

"main": "dist/index.js",
  "module": "dist/index.js",
  "typings": "dist/index.d.ts",
  "files": [
    "dist/**"
  ],
  "exports": {
    "./ui-components": {
        "import": "./dist/ui-components/index.d.ts"
    },
    "./plugins": {
      "import": "./dist/plugins/index.d.ts"
  }

然而，当我将这个库导入到一个新项目时，我似乎可以导入ui组件和插件的唯一方法是：

import { ComponentA } from 'myLibrary';

或：

import { ComponentA } from 'myLibrary/dist/ui-components

我怎样才能让我的库导入为：

import { ComponentA } from 'myLibrary/ui-components'
import { PluginA } from 'myLibrary/plugins'

？