Question

如何在简单的html页面中使用Material UI而不使用npm安装它？

有没有办法可以使用像bootstrap这样的素材用户界面，比如包含css库和/或javascript库，并开始使用像http://material-ui.com/#/components/buttons这样的示例代码

Answer 1

您可以使用CDN

以下是基于Bootstrap 3的ui的示例CDN：

//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/css/material-wfont.css
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/css/material-wfont.min.css
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/css/material.css
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/css/material.min.css
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/css/ripples.css
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/css/ripples.min.css
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/fonts/Material-Design-Icons.eot
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/fonts/Material-Design-Icons.svg
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/fonts/Material-Design-Icons.ttf
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/fonts/Material-Design-Icons.woff
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/js/material.js
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/js/material.min.js
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/js/ripples.js
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/js/ripples.min.js

Answer 2

您可以使用以下CDN网址。

https://cdn.rawgit.com/sam-g-steel/bbb0bd62238db76025bc6e2a3e9d576f/raw/32f8e0a099d463b73d214ffdd77d2b4bc5e53026/material-ui-react.min.js

选中此http://codepen.io/meprasobh/pen/MpvKRE

如何在没有npm的情况下包含Material Design库

2 个答案: