仅从 Material UI 导入一个组件
Importing only one component from Material UI
需要某个地方的 Stepper 组件,而我找到的唯一合适的组件是 MUI 组件。但是我的应用程序使用了 react-bootstrap 而我没有。在这个 post (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
请告诉我它是否有效)
需要某个地方的 Stepper 组件,而我找到的唯一合适的组件是 MUI 组件。但是我的应用程序使用了 react-bootstrap 而我没有。在这个 post (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
请告诉我它是否有效)