Babel，ES6，Webpack-销毁销毁的进口商品

Question

正在处理从create-react-app开始create-react-app 。

在我的代码中，我有多个名为import的文件，其编写方式如下：

import {Banana, Apple} from 'fruits'

fruits模块是其中包含index.js的文件夹，该文件夹export {Banana} from './banana' 。 该./banana导出对象Banana = {bite: ()=>{}} 。

所以我期望Foo成为banana出口的那个对象。

现在，我正在尝试做类似的事情

const {bite} = Banana;

该捆绑软件构建成功，但是当我运行它时-失败了，它说它不能被undefined bite 。

而对我来说真正奇怪的是-以前没有发生过，但是后来就开始发生了，没有任何特殊原因。 但有时它发生与玩笑，太-它没有导入bite从不确定的。

现在我正在做

import {Banana} from 'fruits/banana';
import {Apple} from 'fruits/apple';

这样就可以了。 但是，我希望它成为

import {Banana, Apple} from 'fruits';
const {bite} = Banana;

有什么想法可能导致这种情况吗？

我应该怎么做才能保持所需的代码（见上文）？

Answer 1

毕竟，事实证明，这是我们自己特定设置中的循环依赖项问题 （对于那些直接引用或不引用使用它们的脚本的脚本，webpack有时返回undefined）。

我们在每个文件夹（例如fruits ）中都有一个index.js脚本，并且其中一个模块使用了另一个模块（例如Banana使用从fruits导入Pineapple ，而不是直接引用它， fruits/Pineapple ）

这个问题一劳永逸，教我在每个Webpack构建中使用循环依赖插件 （并避免循环依赖）