css - sass のみのコメントの作成方法

Question

sass-onlyでコメントを作成する方法はありSASSますか? ご存知のように、出力.cssファイルにはこれらのコメントはありません

例えば、

/* global variables */

$mainColor: #666;

/* Layout */
body {...}

出力します

/* global variables */
/* Layout */
body {...}

Answer 1

考慮すべき 3 つのオプションがあります。

1) heylookltsme​​ がすでに提案し//たように、 で始まる単一行のコメントを使用します。

// This comment will not be included 
// in the compiled css!

2)圧縮 出力スタイルを使用して SASS をコンパイルします。その場合、従来/* ... */のコメントは CSS に入りません。

さまざまな出力スタイルでのコンパイルはバニラ SASS で実行できますが、Compassを試すこともお勧めします。

エクスクラメーション マークで開始することにより、出力スタイルをオーバーライドし、結果の CSS コードに常にコメントが表示されるようにすることができます。

/*!I really want this to appear in CSS at all times.*/

3) Compass を使用すると、SASS にすべてのコメントを省略させることができます:// ...との両方/* ... */。この回答でその方法を説明しました：https://stackoverflow.com/a/15766439/901944

ただし、そのように行くには本当に正当な理由があるはずです。