comments - 複数行のコメントを削除する出力スタイルは?

Question

SCSS ファイルで、最終的な CSS から複数行 ( ) コメントを削除する出力スタイル (ネスト、展開、コンパクト、または圧縮) はどれですか?/* I'm a comment. */

score 15 · Accepted Answer

:compressed/* ... */最終的にレンダリングされた CSS から複数行 ( ) コメントを削除する唯一の出力スタイルです。

さらに、:compact は、最終的な CSS で複数行のコメントを 1 行に変換します。:nested と :expanded を使用すると、すべての複数行コメントとその改行が最終的な CSS でレンダリングされます。

たとえば、この SCSS:

// SL Comment

/* ML Comment1
   Whoop. */

//! SL w/ bang

/*! ML Comment2
    Whoop. */

異なる出力スタイルごとに次の CSS になります。

入れ子:

/* ML Comment1
   Whoop. */
/* ML Comment2  
    Whoop. */

拡張:

/* ML Comment1
   Whoop. */
/* ML Comment2
    Whoop. */

コンパクト：

/* ML Comment1 Whoop. */
/* ML Comment2 
    Whoop. */

圧縮:

/* ML Comment2
    Whoop. */

でコメントを開始すると、モード!の複数行コメントにのみ影響し:compressed、そうでなければ最終的な CSS から削除される場合に保持されます。

score 3 · Accepted Answer

出力スタイルが「圧縮」されていても、複数行のコメントを削除できませんでした。また、sass/scss のドキュメントでは、複数行のコメントは削除されないことが示唆されています (「//」を含む 1 行のコメントのみが削除されます)。

私の解決策は、sass が最終出力を生成した後、Perl ワンライナーを適用して .css ファイルからコメントを手動で削除することでした。

sass -fCE utf-8 -t compressed application.sass application.css
perl -pi -e'BEGIN{$/=undef}s#/\*.*?\*/##gs' application.css

3 に答える 3