reactjs - 如何在不安装 material-ui 的情况下安装 Material-UI Docs？

Question

当前在本地安装和运行 material-ui 文档，需要两个 npm install ，一个在 material-ui 中，另一个在 material-ui/docs 中。
cd <project folder>/material-ui npm install cd <project folder>/material-ui/docs npm install
但我想使用 docs 站点作为创建我自己的应用程序的起点。如何在不安装整个 material-ui 的情况下安装文档？我试过添加 "material-ui": "^0.14.4", , 以及 material-ui/package.json 中的所有依赖项到 material-ui/docs/package.json .

这样，npm install没有提示任何东西，但是当我这样做时 npm run start或 npm run browser:development ，它不起作用。相反，它会吐出一大堆错误消息(请参阅下文了解其中的一部分)。
ERROR in ../src/table/table-header-column.jsx Module build failed: ReferenceError: Unknown plugin "transform-replace-object-assign" specified in "/home/ubuntu/repos/tutorials/mui/.babelrc" at 0, attempted to resolve relative to "/home/ubuntu/repos/tutorials/mui" .....
请指教!谢谢。

Answer 1

我在这个 repo 中从父 MUI 那里取笑了 MUI-Docs 站点:https://github.com/lmaccherone/material-ui-template .

除了去除对父 Material -ui的依赖之外，它还具有以下优点:

左侧导航菜单的 DRY 和 n 级 .要添加/修改原始 MUI 文档的左侧导航，您必须修改 no
少于三个不同的源文件。此模板将根据 app-routes.js 自动调整左侧导航
包括 n 级深。

项目中的自定义主题 . MUI 被设计为可主题化并带有两个不错的主题，但它不是
如何在上下文中为所有组件激活自定义主题是显而易见的。主题页面现在有三个
主题，它默认为自定义主题，因此如果您删除“主题”页面，它将以您的主题启动
比预建的之一。只需修改 customBaseTheme.js。我还修改了许多组件和页面以使用该主题。有很多地方内联设置不尊重主题颜色和间距。

海图 .有一个使用 Highcharts 和 react-highcharts 的示例图表页面。

高级表 .它包含一个呈现表格的组件，您可以在其中单击列以完成排序。

请注意，该 repo 有两个特定于 Pendo(我正在合作的公司)的页面。除非您拥有 Pendo 的权限，否则它们不会正确呈现，但是您可以通过删除该名称的文件夹并从 app-routes.js 中删除它的路由来轻松删除这两个页面。 .我计划清理它并将 Pendo 特定的东西移到它自己的 repo 中，但在这里作为示例更容易。