html_css:less

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン 前のリビジョン
次のリビジョン		 前のリビジョン
html_css:less [2025/04/06 11:54] – [インストール] ともやんhtml_css:less [2025/04/06 14:19] (現在) – [クライアントサイドで esm.sh を利用して less を埋め込む...🤔] ともやん
行 5: 行 5:
  
 ===== クライアントサイドで esm.sh を利用して less を埋め込む...🤔 ===== ===== クライアントサイドで esm.sh を利用して less を埋め込む...🤔 =====
-**コード例:**\\+本家: [[https://esm.sh/|ESM>CDN]]\\ 
 + 
 +==== コード例 ====
 <WRAP color_term> <WRAP color_term>
 <WRAP color_mincode><html><pre> <WRAP color_mincode><html><pre>
行 45: 行 47:
 </code></WRAP> </code></WRAP>
 <WRAP color_mincode><html><pre> <WRAP color_mincode><html><pre>
-<font color="#FFFFFF">&lt;</font><font color="#F92672">script</font><font color="#F8F8F2"> </font><font color="#A6E22E">type=</font><font color="#FFFFFF">&quot;</font><font color="#E6DB74">importmap</font><font color="#FFFFFF">&quot;&gt;</font> 
-<font color="#F8F8F2">  {</font> 
-<font color="#F8F8F2">    </font><font color="#E6DB74">&quot;imports&quot;</font><font color="#F8F8F2">: {</font> 
-<font color="#F8F8F2">      </font><font color="#E6DB74">&quot;less&quot;</font><font color="#F8F8F2">: </font><font color="#E6DB74">&quot;https://esm.sh/less@4.2.2&quot;</font> 
-<font color="#F8F8F2">    }</font> 
-<font color="#F8F8F2">  }</font> 
-<font color="#FFFFFF">&lt;/</font><font color="#F92672">script</font><font color="#FFFFFF">&gt;</font> 
 <font color="#FFFFFF">&lt;</font><font color="#F92672">script</font><font color="#F8F8F2"> </font><font color="#A6E22E">type=</font><font color="#FFFFFF">&quot;</font><font color="#E6DB74">module</font><font color="#FFFFFF">&quot;&gt;</font> <font color="#FFFFFF">&lt;</font><font color="#F92672">script</font><font color="#F8F8F2"> </font><font color="#A6E22E">type=</font><font color="#FFFFFF">&quot;</font><font color="#E6DB74">module</font><font color="#FFFFFF">&quot;&gt;</font>
-<font color="#F8F8F2">  </font><font color="#F92672">import</font><font color="#F8F8F2"> </font><font color="#FFFFFF">less</font><font color="#F8F8F2"> </font><font color="#F92672">from</font><font color="#F8F8F2"> </font><font color="#E6DB74">&quot;less&quot;</font><font color="#F8F8F2">; </font><font color="#75715E">// → https://esm.sh/less@4.2.2</font> +<font color="#F8F8F2">  </font><font color="#F92672">import</font><font color="#A6E22E"> </font><font color="#FFFFFF">less</font><font color="#A6E22E"> </font><font color="#F92672">from</font><font color="#A6E22E"> </font><font color="#E6DB74">&apos;https://esm.sh/less@4.2.2&apos;</font><font color="#A6E22E">;</font> 
-<font color="#F8F8F2">  </font><font color="#FFFFFF">less.</font><font color="#F8F8F2">refreshStyles();</font>+<font color="#A6E22E">  </font><font color="#FFFFFF">less.</font><font color="#A6E22E">refreshStyles();</font>
 <font color="#FFFFFF">&lt;/</font><font color="#F92672">script</font><font color="#FFFFFF">&gt;</font> <font color="#FFFFFF">&lt;/</font><font color="#F92672">script</font><font color="#FFFFFF">&gt;</font>
 </pre></html></WRAP> </pre></html></WRAP>
 </WRAP> </WRAP>
  
-**実行例:**\\+==== 実行例 ====
 <html><style type="text/less"> <html><style type="text/less">
   #gozou_tbl {   #gozou_tbl {
行 94: 行 89:
 </WRAP> </WRAP>
 <html> <html>
-<script type="importmap"> 
-  { 
-    "imports": { 
-      "less": "https://esm.sh/less@4.2.2" 
-    } 
-  } 
-</script> 
 <script type="module"> <script type="module">
-  import less from "less"; // → https://esm.sh/less@4.2.2+  import less from 'https://esm.sh/less@4.2.2';
   less.refreshStyles();   less.refreshStyles();
 </script> </script>
  • html_css/less.1743908077.txt.gz
  • 最終更新: 2025/04/06 11:54
  • by ともやん