1. ホーム
  2. html

HTMLドキュメントにSCSSを添付する【非公開

2023-11-30 11:14:30

質問

こんにちは、私はウェブデザインに新しいです。HTMLファイルのheadタグにSCSSファイルを添付する方法を教えていただきたいです。

<link href="example" rel="stylesheet/scss" type="text/css">

これを試したのですが、結果は出ませんでした。LESSフレームワークのようなものなのでしょう。そして、もう一つの質問。SCSSを使用したい場合は、ホスティングにコンパイルする必要がありますか、そうではありませんか?

どのように解決するのですか?

SASS/SCSS ファイルを HTML 文書に添付することができません。

SASS/SCSS は、サーバー上で実行され、ブラウザが理解できる CSS コードにコンパイルする CSS プリプロセッサです。

SASS のクライアントサイドの代替品として、ブラウザで javascript を使用してコンパイルすることができる、次のようなものがあります。 LESS CSS などがありますが、実運用ではCSSにコンパイルすることをお勧めします。

HTMLファイルに2行のコードを追加するのと同じくらい簡単です。

<link rel="stylesheet/less" type="text/css" href="styles.less" />
<script src="less.js" type="text/javascript"></script>