【发布时间】：2018-09-06 07:20:12
【问题描述】：
我想采用一些旧的 CSS 文件并将它们转换为具有嵌套样式的 SCSS。例如：
输入
#SomeElement .button { /*Some styles*/ }
#SomeElement .link { /*Some styles*/ }
输出
#SomeElement {
.button { /*Some styles*/ }
.link { /*Some styles*/ }
}
是否有任何工具可以通过数千行 CSS 转换来使这个项目变得易于管理？我知道可能存在一些需要手动修复的边缘情况，但是能够通过某种自动转换快速启动该过程会很棒。
PostCSS 或 Gulp 是否有我可以利用的工具？
感谢阅读。
【问题讨论】：
-
您可以尝试github.com/johno/gulp-css-scss 从文档中看不出它是否符合您的要求。在线应用程序css2sass.herokuapp.com 可以满足您的需求，但我不确定您是否可以将其代码合并到任务运行程序中......
-
gulp-css-scss 看起来很有希望。一旦我有机会尝试一下，我会报告。非常感谢。
-
请问您为什么要这样做？我不完全确定我理解后处理 CSS 的意义，以便将其转换为需要预处理以将其转换回 CSS 的进一步；我确定有是一个原因，我只是没有看到它......
-
遗留代码非常笨拙，但我需要对它进行一些更改以用于一个项目，这将进一步增加使用该文件的难度。从长远来看，迁移到 SCSS 似乎可以节省大量时间和挫败感。