SASS-如何将style.scss与style.css文件同步？

Question

我正在使用SASS，将style.scss编译为（style.css＆style.map.css），但是如何将style.css文件转换为完全普通的style.css文件？

已编译的style.css文件如下所示

div{
    margin: 0 auto;}
    p {
      text-align: center;}
     

如何将其转换为normal.css？

Answer 1

Sass的default output style通常是nested，这是您在style.css文件中看到的样式/格式。

可能的选项是：

• nested
• expanded
• compressed
• compact

如果在编译文件之前将输出更改为expanded，则可能会得到所需的样式。

sass --watch scss:css --style expanded

会产生这个：

div {
    margin: 0 auto;
}
p {
  text-align: center;
}

PS。如果您正在像Gulp这样使用somtehing，则可以这样设置任务：

.pipe(sass({ outputStyle: 'expanded' }))