【问题标题】:Can I create a custom component library NPM package out of Material UI?我可以从 Material UI 创建自定义组件库 NPM 包吗?
【发布时间】:2020-12-05 10:26:37
【问题描述】:

基本上我想要

  1. 将 MaterialUI 作为基础包 (@material-ui/core)
  2. 根据我的品牌和风格指南自定义所有或所需的组件,并生成我自己的组件库作为 NPM 包。 (自定义@material-ui/core 并创建自己的包,如@myorg/core)
  3. 通过安装 NPM 包并导入,在我的项目中使用这些自定义组件。 (npm install @myorg/core 并从 '@myorg/core/button' 导入 'button')

因为我想为不同的 react 应用创建一个通用的组件库。

请让我知道这是否有意义。

【问题讨论】:

  • 你做到了吗?你能分享你的方法吗?谢谢!

标签: reactjs npm material-ui


【解决方案1】:

当然可以。

如果您想在不同的应用程序中重用它或发布它,甚至建议您创建一个包。

大多数包都使用另一个包(称为dependencies),有时会在这些包的组件之上构建新组件。 You can read more about dependencies here..

带有MIT License 的包也允许Modification

有关创建NodeJS 模块的更多信息,请访问here

最后,如果您愿意在NPMfollow this 中发布包。

【讨论】:

  • 是的,我了解并创建了自己的包,但我不知道如何自定义现有的 npm 包并使用自定义名称重新打包并将它们用作依赖项。因此,举个例子会有所帮助。
  • 非常感谢您的 cmets,但我认为这不是我想要的。可能是我不清楚我的要求。我会看看是否可以正确解释它以获得正确的解决方案。
  • 试图创建一个图形来解释我的要求。我也在研究bit.dev/mui-org/material-ui,在这里我看到了 MUI 组件。但是从这里我也想要根据我的组织自定义样式。让我知道这是否清楚?
  • 虽然我认为您现在更清楚了,但我仍然认为您正在寻找的是 fork Material UI 存储库并更改您想要的东西。然后与其他人(或您的组织)共享您的新包。 Read about forking a github repository here
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-02-28
  • 1970-01-01
  • 2021-06-22
  • 1970-01-01
  • 2021-07-16
  • 2021-05-19
  • 2018-08-25
相关资源
最近更新 更多