HTMLドキュメントにSass/SCSSを添付する

Question

こんにちは、私はそれに多くの質問があります。私は、headタグでHTMLファイルにSASSやSCSSファイルを添付する方法を学びたい：

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

私はこれを試してみましたが、結果を見ていません。私はそれがLESSフレームワークのようだと思います。そしてもう一つの質問：もし私がSASSやSCSSを使いたいのであれば、私はそれをホスティングにコンパイルすべきかどうか？

Answer 1

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

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

SASSの代わりに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>