ES5 带材质-ui

IT技术 reactjs material-ui
2021-05-11 10:36:11

官网上有一种方法可以将Module导入到项目中

   import { Link } from 'react-router-dom'
    import Button from '@material-ui/core/Button';

    <Button component={Link} to="/open-collective">
      Link
    </Button>

但是无论如何都可以通过Browser global(window object)调用对象

1个回答

您可以使用 CDN 版本,将其包含在您的index.html.

<script src="https://unpkg.com/@material-ui/core/umd/material-ui.production.min.js" crossorigin="anonymous"></script>

和字体文件。

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">

这是一个例子https://github.com/mui-org/material-ui/tree/master/examples/cdn

应该根据他们的文档注意

您可以开始使用具有最少前端基础设施的 Material-UI,这非常适合原型设计。我们不鼓励在生产中使用这种方法 - 客户端必须下载整个库,无论实际使用哪些组件,这会影响性能和带宽利用率。