从常规CSS自动生成嵌套SCSS?

时间:2018-03-27 18:49:50

标签: css sass gulp postcss

我想要一些旧的CSS文件,并使用嵌套样式将它们转换为SCSS。例如:

输入

#SomeElement .button { /*Some styles*/ }

#SomeElement .link { /*Some styles*/ }

输出

#SomeElement {
    .button { /*Some styles*/ }
    .link { /*Some styles*/ }
}

有没有任何工具可以让这个项目管理成千上万的CSS转换?我知道可能有一些边缘情况需要手动修复,但能够通过某种自动转换来启动过程会很棒。

PostCSS或Gulp会有任何我可以利用的工具吗?

感谢阅读。

1 个答案:

答案 0 :(得分:2)

  1. 通过使用此功能,您可以将css更改为scss http://css2sass.herokuapp.com/

  2. 使用Gulp https://www.npmjs.com/package/gulp-css-scss