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構建中使用循環依賴插件 （並避免循環依賴）