如何解决仅从 Material UI 导入一个组件
从某处需要一个 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 是否真的可以?
解决方法
如果您使用 ES6 模块和支持 tree-shaking (webpack >= 2.x,parcel with a flag) 的捆绑器,您可以安全地使用命名导入并仍然自动获得优化的捆绑包大小。
您可以使用路径导入来避免引入未使用的模块。例如,使用:
import Stepper from '@material-ui/core/Stepper';
代替
import { Stepper } from '@material-ui/core';
阅读有关最小化捆绑包大小的更多信息 here
请让我知道它是否有效)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。