comments - 哪些输出样式会删除多行注释？

Question

在SCSS文件中，哪种输出样式(nested, expanded, compact or compressed)将从最终CSS中删除多行(/* I'm a comment. */)注释？

Answer 1

:compressed是唯一的输出样式，它将从最终呈现的CSS中删除多行(/* ... */)注释。

此外，:compact会将多行注释转换为最终CSS中的一行。使用: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中删除，则将保留这些注释。