import（）は「どこか」からのimport {something}に相当します。

Question

私は

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

経由で簡単にインポートすることができ、いくつかのコンポーネントは、しかし、今非同期的にそれらをロードする必要があるとのWebPACKは私たちがimport()を使用してすてきなチャンクにファイルを分割することができますが、私は理解することはできませんエクスポートしたファイルを持っています私ができる場合はimport()./componentsからの単一のコンポーネント。別の方法として、ファイルを別々のファイルに置くこともできますが、まずimport（）を使って可能かどうかをチェックしたいと考えました。 import()はあなたに、デフォルトですべての輸出を与えるんが

Answer 1

、あなたがしたいの輸入を選択する非構造を使用することができます。

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

Bundlersは、このコードに対して揺れツリーを適用することができ、唯一component1が使用されていることを決定しなければなりませんしかし、Webpackの現行バージョンがこれを行うかどうかは完全にはわかりません。それは間違いなく少なくとも./componentsの別のチャンクを作成します。