2014-11-22 89 views
4

如何在不使用npm安裝的情況下在簡單的html頁面中使用Material UI?如何在沒有npm的情況下包含Material Design庫

是有辦法,我可以使用材料UI像引導,像包括CSS庫和/或一個JavaScript庫,並開始使用像示例代碼,這些http://material-ui.com/#/components/buttons

+0

我第二本。我對React很陌生,我試圖用材料來構建一些東西。看起來使用它的唯一方法是首先學習如何首先使用npm,browserify,gulp等等。我相信這對生產系統更好,但如果有辦法只包含一個腳本標籤並開始行動,這將非常有幫助 – 2015-12-13 21:38:55

回答

1

您可以使用CDN

這裏基於Bootstrap3 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 
+3

我不確定這是否是真正的答案。這個人問的是Material UI,一個react.js庫。不是關於自舉材料設計。 – 2016-08-05 03:11:23

0

您可以使用下面CDN網址。

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

入住這http://codepen.io/meprasobh/pen/MpvKRE

相關問題