在没有 Node.js/NPM 的情况下为 Reactjs 使用 Material-UI

IT技术 reactjs
2021-05-01 23:09:37

是否有用于react的缩小材料用户界面版本?

我打算将 jsx 文件从外部包含在 html 中,所以想知道除了通过 node/npm 安装之外,是否有任何可用的静态/cdn 资源?

2个回答

是的,有<link href="//cdn.muicss.com/mui-0.9.9/css/mui.min.css" rel="stylesheet" type="text/css" media="screen" />更多信息在这里:https : //www.muicss.com/docs/v1/react/introduction

没有 NPM 的情况下使用Material-UI

<body>
  <div id="root"></div>

  <!-- React -->
  <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
  <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

  <!-- Babel -->
  <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

  <!-- MUI -->
  <script src="https://unpkg.com/@material-ui/core@latest/umd/material-ui.development.js"></script>

  <script type="text/babel">
    const { Button } = MaterialUI; // Components are available in MaterialUI object
    
    ReactDOM.render(
      <Button variant="contained" color="primary">
         Hello World!
      </Button>, 
      document.getElementById("root") 
    );
  </script>
</body>

参考:https : //github.com/mui-org/material-ui/tree/master/examples/cdn