如何在没有 npm 的情况下包含 Material Design 库
[英]How to include Material Design libraries without npm
问题描述
How to use Material UI in simple html page without installing it using npm ?
如何在不使用 npm 安装的情况下在简单的 html 页面中使用 Material UI？
is there a way I can use material UI like bootstrap, like including a css library and/or a javascript library and start using sample codes like these http://material-ui.com/#/components/buttons有没有办法我可以使用像引导程序这样的材料 UI，比如包括一个 css 库和/或一个 javascript 库，并开始使用这些http://material-ui.com/#/components/buttons 之类的示例代码
3 个解决方案
解决方案1
0 2017-03-14 11:32:12
You can use following CDN url.您可以使用以下 CDN 网址。
https://cdn.rawgit.com/sam-g-steel/bbb0bd62238db76025bc6e2a3e9d576f/raw/32f8e0a099d463b73d214ffdd77d2b4bc5e53026/material-ui-react.min.js
Check this http://codepen.io/meprasobh/pen/MpvKRE检查这个http://codepen.io/meprasobh/pen/MpvKRE
解决方案2
0 2022-06-03 15:46:34
According to https://material.io/develop/web/getting-started , it looks like you need to include these files:根据https://material.io/develop/web/getting-started ，您似乎需要包含这些文件：
<head>
<link href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet">
<script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
解决方案3
-1 已采纳 2014-11-22 15:51:29
Here is an example CDN for Bootstrap3 based ui :这是基于 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
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.