如何安装Material-UI Docs而不安装材料-ui?

时间:2016-02-27 09:10:18

标签: reactjs material-ui

目前要在本地安装和运行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网站作为创建我自己的应用程序的起点。如何在不安装整个材料的情况下安装文档-ui?我已尝试将"material-ui": "^0.14.4",material-ui/package.json中的所有依赖项添加到material-ui/docs/package.json

有了这个,npm install不会抱怨任何内容,但当我执行npm run startnpm 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" .....

请指教!感谢。

1 个答案:

答案 0 :(得分:2)

我已在此回购邮件https://github.com/lmaccherone/material-ui-template中取消了来自父MUI的MUI-Docs网站。

除了消除对父材料-ui的依赖性之外,它还具有以下优点:

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

  • 项目中的自定义主题。 MUI被设计为可以使用并且有两个很好的主题,但它不是 立即明白如何在所有组件的上下文中激活自定义主题。主题页面现在有三个 主题,它默认为自定义主题,因此如果您删除主题页面,它将启动您的主题 而不是其中一个预建的。只需修改customBaseTheme.js即可。我还修改了许多组件和页面来使用主题。在许多地方,内联设置并不尊重主题颜色和间距。

  • <强> Highcharts 即可。有一个使用Highcharts和react-highcharts的示例图表页面。

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

请注意,该repo有两个特定于Pendo的页面(我正在使用的公司)。除非您拥有Pendo的权限,否则他们无法正确呈现,但您可以通过删除该名称并从app-routes.js删除其路径来轻松删除这两个页面。我打算将其清理干净并将Pendo特定的东西移入它自己的回购中,但在这里举例来说更容易。