React 会多次导入同一个包吗？

Question

我有一个简短的问题：

在 React 中，我们为每个组件导入 React 组件：

import React from 'react'

这是否意味着如果我有一个使用多个子组件（每次也导入 React）的屏幕，React 包是否会导入多次？

所以基本上：

1 个屏幕有 4 个子组件 = 5 x React 包加载 = 5 倍使用的反应内存

或者

1 个屏幕有 4 个子组件= 1x React 包加载

或者它只导入一次反应包，然后在需要时再次访问它？

Answer 1

或者它只导入一次反应包，然后在需要时再次访问它？基本上是的。您的构建工具/捆绑器（即 webpack）将获取您在整个应用程序中导入的包，并将它们包含在您的构建中。它会识别出这些是同一个包并只导入一次。