2014-11-22 4 views
4

npm을 사용하여 설치하지 않고 간단한 html 페이지에서 Material UI를 사용하는 방법은 무엇입니까?npm없이 재질 디자인 라이브러리를 포함하는 방법

내가 부트 스트랩 같은 물질 UI를 사용할 수있는 방법은 CSS 라이브러리 및/또는 자바 스크립트 라이브러리를 포함하고 이러한 http://material-ui.com/#/components/buttons

+0

나는 두 번째이. 나는 React를 처음 사용하고 있으며 뭔가를 구축하기 위해 물질적 인 노력을하고있었습니다. 그것을 사용하는 유일한 방법은 처음에는 npm, browserify, gulp 등을 사용하는 방법을 먼저 배우는 것입니다. 프로덕션 시스템에서는 더 좋을 것이라고 확신하지만 스크립트 태그를 포함하고가는 방법이 있다면 –

답변

1

당신은 여기에있는 CDN

을 사용할 수 있습니다 같은 샘플 코드를 사용하기 시작처럼,이 부트 스트랩 3 기반의 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

이 핵심 응답입니다. 그 사람은 react.js 라이브러리 인 Material UI에 대해 묻습니다. 부트 스트랩 소재 디자인이 아닙니다. –

0

다음 CDN URL을 사용할 수 있습니다.

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

확인이 http://codepen.io/meprasobh/pen/MpvKRE

관련 문제