如何在沒有 npm 的情況下包含 Material Design 庫
[英]How to include Material Design libraries without npm
問題描述
如何在不使用 npm 安裝的情況下在簡單的 html 頁面中使用 Material UI？
有沒有辦法我可以使用像引導程序這樣的材料 UI，比如包括一個 css 庫和/或一個 javascript 庫，並開始使用這些http://material-ui.com/#/components/buttons 之類的示例代碼
3 個解決方案
解決方案1
0 2017-03-14 11:32:12
您可以使用以下 CDN 網址。
https://cdn.rawgit.com/sam-g-steel/bbb0bd62238db76025bc6e2a3e9d576f/raw/32f8e0a099d463b73d214ffdd77d2b4bc5e53026/material-ui-react.min.js
解決方案2
0 2022-06-03 15:46:34
根據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
您可以使用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
如何在沒有 NPM 或 Webpack 的情況下將 CDN 包含到 VueJS CLI？
[英]How to include a CDN to VueJS CLI without NPM or Webpack?
沒有 npm 的結構和使用 javascript 庫的替代方案
[英]Alternatives to structure and use javascript libraries without npm
如何在不干擾現有庫的情況下將jQuery庫包含在單個js文件中
[英]How to include jQuery library in single js file without interfering with existing libraries
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.