Sass到CSS输出为单行[重复]

Posted 2023-03-06

【中文标题】Sass到CSS输出为单行[重复]

【英文标题】：Sass to CSS output as single line [duplicate]

【发布时间】：2021-01-11 09:17:43

【问题描述】：

尝试将多行输出从 Sass 转换为 CSS 转换为单行输出。

萨斯：

p 
  font-size: 18px;
  color: red;
  
  span 
    color: blue;
  

CSS 多行（Sass 默认）：

p 
  font-size: 18px;
  color: red;


p span 
  color: blue;

CSS 单行：

p  font-size: 18px; color: red;  p span  color: blue; 

【参考方案1】：

您可以在 CLI 中使用style=compressed 标志来指示它应该输出到单行。

正常使用：

$ sass style.scss

带有style=compressed 标志：

$ sass --style=compressed style.scss

https://sass-lang.com/documentation/cli/dart-sass#style