如何在不安装 material-ui 的情况下安装 Material-UI 文档?
How to install Material-UI Docs WITHOUT installing material-ui?
目前要在本地安装 运行 material-ui 文档,需要 uires 两个 npm install
,material 中的一个-ui,另一个在material-ui/docs内。
cd <project folder>/material-ui
npm install
cd <project folder>/material-ui/docs
npm install
但我想使用文档站点作为起点来创建我自己的应用程序。如何在不安装整个 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"
.....
请指教!谢谢。
我在这个 repo 中取笑了父 MUI 的 MUI-Docs 站点:https://github.com/lmaccherone/material-ui-template。
除了去除对父material-ui的依赖外,它还有以下优点:
DRY 和 n 级左侧导航菜单。对于 add/modify 原始 MUI 文档的左侧导航,您必须修改 no
少于三个不同的源文件。此模板会根据 app-routes.js 自动调整左侧导航
包括 n 级深度。
项目中的自定义主题。 MUI 设计为可主题化并带有两个不错的主题,但它不是
很明显如何在所有组件的上下文中激活自定义主题。主题页面现在有三个
主题,它默认为自定义主题,因此如果您删除主题页面,它将以您的主题启动,而不是
比 prebuilt 之一。只需修改customBaseTheme.js。我还修改了许多组件和页面以使用主题。内联设置有很多地方不支持主题颜色和间距。
Highcharts。有一个使用 Highcharts 和 react-highcharts 的示例图表页面。
高级Table。它包含一个呈现 table 的组件,您可以在其中单击列以完成排序。
请注意,该存储库有两个特定于 Pendo(我正在合作的公司)的页面。除非您拥有 Pendo 的权限,否则它们将无法正确呈现,但您可以通过删除该名称的文件夹并从 app-routes.js
中删除它的路由来轻松删除这两个页面。我计划清理它并将 Pendo 特定的东西移到它自己的 repo 中,但在这里作为示例更容易。
目前要在本地安装 运行 material-ui 文档,需要 uires 两个 npm install
,material 中的一个-ui,另一个在material-ui/docs内。
cd <project folder>/material-ui
npm install
cd <project folder>/material-ui/docs
npm install
但我想使用文档站点作为起点来创建我自己的应用程序。如何在不安装整个 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"
.....
请指教!谢谢。
我在这个 repo 中取笑了父 MUI 的 MUI-Docs 站点:https://github.com/lmaccherone/material-ui-template。
除了去除对父material-ui的依赖外,它还有以下优点:
DRY 和 n 级左侧导航菜单。对于 add/modify 原始 MUI 文档的左侧导航,您必须修改 no 少于三个不同的源文件。此模板会根据 app-routes.js 自动调整左侧导航 包括 n 级深度。
项目中的自定义主题。 MUI 设计为可主题化并带有两个不错的主题,但它不是 很明显如何在所有组件的上下文中激活自定义主题。主题页面现在有三个 主题,它默认为自定义主题,因此如果您删除主题页面,它将以您的主题启动,而不是 比 prebuilt 之一。只需修改customBaseTheme.js。我还修改了许多组件和页面以使用主题。内联设置有很多地方不支持主题颜色和间距。
Highcharts。有一个使用 Highcharts 和 react-highcharts 的示例图表页面。
高级Table。它包含一个呈现 table 的组件,您可以在其中单击列以完成排序。
请注意,该存储库有两个特定于 Pendo(我正在合作的公司)的页面。除非您拥有 Pendo 的权限,否则它们将无法正确呈现,但您可以通过删除该名称的文件夹并从 app-routes.js
中删除它的路由来轻松删除这两个页面。我计划清理它并将 Pendo 特定的东西移到它自己的 repo 中,但在这里作为示例更容易。