时间戳

首页 > 解决方案 > 从 Material UI 只导入一个组件

reactjs - 从 Material UI 只导入一个组件

问题描述

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

标签： reactjsnpmmaterial-uicomponentsstepper

解决方案

如果您使用的是 ES6 模块和支持 tree-shaking 的捆绑器（webpack >= 2.x，带有标志的包裹），您可以安全地使用命名导入并且仍然自动获得优化的捆绑包大小。

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

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

代替

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

在此处阅读有关最小化捆绑包大小的更多信息

请让我知道它是否有效）

推荐阅读