【问题标题】：Using Material-UI for Reactjs without Node.js/NPM在没有 Node.js/NPM 的情况下为 Reactjs 使用 Material-UI
【发布时间】：2017-03-03 15:56:40
【问题描述】：

是否有用于反应的缩小材料 UI 版本？

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

【问题讨论】：

标签： reactjs

【解决方案1】：

是的，有<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

【讨论】：

这不是一个完全不同的库吗？

【解决方案2】：

在没有 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

【讨论】：