web-dev-qa-db-ja.com

HTMLドキュメントへのSass / SCSSの添付

こんにちは、ウェブデザインは初めてで、それについて多くの質問があります。 SASSまたはSCSSファイルをheadタグでHTMLファイルに添付する方法を学びたい:

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

これを試してみましたが、結果が表示されませんでした。 LESSフレームワークに似ていると思います。そして別の質問:SASSまたはSCSSを使用したい場合、ホスティングにコンパイルする必要がありますか?

27
Cato Cato

SASS/SCSSファイルをHTMLドキュメントに「添付」することはできません。

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

LESS CSS などのJavaScriptを使用してブラウザーでコンパイルできるSASSのクライアント側の代替手段がありますが、実稼働用にCSSにコンパイルすることをお勧めします。

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

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