javascript - 如果不使用导入的数据，是否实际执行导入

Question

一定是个愚蠢的问题......但无论如何。当您不使用导入的数据时，导入是否实际执行。

例如，您有一个文件包含以下内容:

import one from './one';
import two from './two';
import three from './three';

const my_imports = {
  one,
  two,
  three,
};

export default my_imports;

还有另一个导入这些东西的地方:

从“path/my_imports”导入my_imports；

因此，您继续在代码中的某处使用 my_imports.one 。

问题是。当使用 webpack “编译”它时，它实际上会执行 import 2 from './two'; 和 import 3 from './Three';？

我希望这是有道理的:D只是想知道......

Answer 1

当然，这是每个新开发者都至少会思考一次的问题。

是的，导入确实有效，无论包或导入的数据是否被使用。您可以通过以下方式进行测试:

1. 以错误的路径导入项目中的任何包。
2. 在导出时从空数据/对象的某个位置导入任何数据。