从 Material UI 只导入一个组件答案

【问题标题】：Importing only one component from Material UI从 Material UI 只导入一个组件
【发布时间】：2021-08-28 14:57:26
【问题描述】：

需要某个地方的 Stepper 组件，而我找到的唯一合适的组件是 MUI 组件。但是我的应用程序使用 react-bootstrap 而我没有。在这篇文章（Is it possible to install a package that contains only one component of Material-UI?）中，伙计们提供了一个包，您可以在其中只导入您需要的组件，但出于某种原因，我需要做npm config set '@bit:registry' https://node.bit.dev，我不同意，因为我希望每个人都能够只需执行npm install 即可，无需额外配置。是否有解决方法？安装整个 MUI 套件并仅导入 Stepper 是否可行？

【问题讨论】：

标签： reactjs npm material-ui components stepper

【解决方案1】：

如果您使用的是 ES6 模块和支持 tree-shaking 的捆绑器（webpack >= 2.x、parcel with a flag），您可以安全地使用命名导入并自动获得优化的捆绑包大小。

您可以使用路径导入来避免引入未使用的模块。例如，使用：

import Stepper from '@material-ui/core/Stepper';

而不是

import { Stepper } from '@material-ui/core';

阅读有关最小化包大小的更多信息here

请告诉我它是否有效）

【讨论】：