Q&A
html
1<!DOCTYPE html> 2<html class="mdc-typography"> 3 <head> 4 <title>Material Components for the web</title> 5 <link rel="stylesheet" type="text/css" href="node_modules/material-components-web/dist/material-components-web.css"> 6 </head> 7 <body> 8 <h2 class="mdc-typography--display2">Hello, Material Components!</h2> 9 <div class="mdc-textfield" data-mdc-auto-init="MDCTextfield"> 10 <input type="text" class="mdc-textfield__input" id="demo-input"> 11 <label for="demo-input" class="mdc-textfield__label">Tell us how you feel!</label> 12 </div> 13 <script src="node_modules/material-components-web/dist/material-components-web.js"></script> <script>mdc.autoInit()</script> 14 </body> 15</html>
上記のように記述しCSSを適応したのですが、Material Components for the Webをインストールしたままの状態だといろいろな場所にCSSが点在しています。必要な数が少ない場合はいいのですが、プロジェクトが大きくなるにつれて管理しきれなくなってしまいます。
一括で記述する方法はあるのでしょうか？
回答1件
0
ベストアンサー
CDNもあるようなのでそちらを使われては。
CDNからMDC-WebのCSSを取得して下記のようにマークアップします。
投稿2018/10/20 03:52
総合スコア80850
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/10/20 04:30 編集
2018/10/20 05:10
2018/10/20 06:50
2018/10/20 12:18
2018/10/20 12:20
2018/10/20 12:54
2018/10/21 06:48