如何在不安装 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

我在此存储库中戏弄了父 MUI 的 MUI-Docs 站点： https: //github.com/lmaccherone/material-ui-template。

除了消除对父材质-ui的依赖之外，它还有以下优点：

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

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

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

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

请注意，该存储库有两个特定于 Pendo（我正在合作的公司）的页面。除非您拥有 Pendo 的权限，否则它们将无法正确呈现，但您可以通过删除该名称的文件夹并从app-routes.js. 我计划清理它并将 Pendo 特定的内容移到它自己的存储库中，但将其作为示例更容易。