import（）相當於來自'somewhere'的import {something};

Question

我有一個出口，可以很容易地通過

import { component1, component2 } from './components' 

導入幾個組件但是現在需要異步加載它們和的WebPack允許我們使用分割文件import()到好的塊，但我想不出一個文件如果我可以從./components只有一個組件import()。另一種方法是將它們放入單獨的文件中，但希望先檢查是否可以通過import（）。

Answer 1

雖然import()確實讓你在默認情況下所有的出口，你可以用解構挑選你想要的進口：

import("./components") 
    .then(({ component1 }) => { 
     console.log(component1); 
    }); 

捆紮機應該能夠申請樹搖反對這個代碼，並確定只有component1使用 - 但是我不完全確定當前版本的Webpack是否可以做到這一點。它至少會爲./components創建一個單獨的塊。