如何在 React 项目中全局（仅一次）导入某些内容

Question

在我的 React 项目中，我非常依赖 lodash。现在在每个文件中我都有这样的导入语句

import each from 'lodash/each';
import compact from 'lodash/compact';

在 React 中有什么方法不需要在每个文件中都导入这些吗？我可以在 App.jsx（根组件）中将它们导入一次，它们就可以用于所有作为它的子组件的 React 组件吗？

或者也许让 lodash 对象在整个项目中全局可用？

Answer 1

不建议这样做，但您可以在主文件中执行此操作：

 import _ from 'lodash';
 window._ = _;

通过全局窗口对象使其可用。

但是，最好配置您的捆绑器或编译器设置以将其公开为全局变量。