javascript - React 应用导入重复

Question

我想知道对于 React 应用程序，组件上的 import 是否发生在运行时？在开发 React 应用程序时，将所有 React 代码捆绑到一个文件中是很常见的，这让我想知道是否每次组件安装时都会导入组件。

例如；

import About from '../components/About';

class About extends React.component {
   render() {...}
}

当所有代码都捆绑在一起并且在生产或开发运行时，About 组件是只导入一次还是每次组件加载时导入？

Answer 1

ES6 模块导入发生在构建时，因此该组件甚至在运行之前就会与其他代码捆绑在一起。导入是在评估代码之前处理的，并且不能是动态的。