javascript - import() 相当于 import { some } from 'somewhere' ；

Question

我有一个文件，其中导出了一些可以通过轻松导入的组件

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

但是现在需要异步加载它们，webpack 允许我们使用 import() 将文件分割成漂亮的 block ，但我不知道是否可以 import() > 只是 ./components 中的一个组件。另一种方法是将它们放入单独的文件中，但想先检查是否可以通过 import() 来实现。

Answer 1

尽管 import() 默认情况下会提供所有导出，但您可以使用解构来选择所需的导入:

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

bundler 应该能够针对此代码应用树摇动，并确定仅使用 component1 - 但是我不完全确定当前版本的 Webpack 是否这样做。它至少肯定会为 ./components 创建一个单独的 block 。