Javascript 导入子模块

我正在开发一个JS库，并使用webpack分发它。 其结构如下：

src
--> index.js
----> foo
--------> index.js

以下是

src/index.js

内容：

export * from './foo'

export const bar = () => { console.log('foobar loaded') }

以下是

src/foo/index.js

内容：

export * from './foo'

export const bar = () => { console.log('foobar loaded') }

我使用的基本网页配置依赖于条目：

entry: [__dirname + '/src/index.js']

它编译得很好，当我通过

bar

函数导入

foo

模块时，它会工作：

import { bar } from 'myfoobarlib'
bar()

我想要的是直接从子模块导入。 这不起作用：

import { bar } from 'myfoobarlib/foo'
bar()

但是通过在路径中添加

src

（我不想要），它可以工作：

   import { bar } from 'myfoobarlib/src/foo'
    bar()

---

问题：如何导入子模块而不将

src

字符串放入导入中

无关，但请看底部；在标题中添加显式标记是多余的。不相关，但请查看标题的底部；在标题中放置显式标记是多余的。