如何摇晃导出的导入内容？

Question

我有my-module，其中包含以下文件：

src / components / foo.js

export default class Foo { ... }

src / components / bar.js

export default class Bar { ... }

index.js

import Foo from './src/components/foo'
import Bar from './src/components/bar'

export { Foo, Bar }

我的目标是允许用户轻松导入Foo和Bar，但是在仅使用另一个的情况下，也不会失去对其中一个进行摇晃的功能。

我使用Webpack测试了以下内容：

import { Foo } from 'my-module'

我得到了Foo，但是在结果包中也得到了Bar，这是不应该发生的。防止这种情况的唯一方法似乎是改为这样做：

import Foo from 'my-module/components/foo'

但是我不太喜欢这个，因为用户需要知道模块的内部目录结构。有什么方法可以使以前的导入树可摇动吗？

Answer 1

此：

import { Foo } from 'my-module'

实际上能正常工作，并且Bar摇摇欲坠，但前提是Webpack处于生产模式。