css - 将 SCSS 转换为没有 Compass 混合的 SCSS

Question

我有一个引用一些 Compass mixins 的 SCSS 文件。现在我想将它包含在一个不使用 Compass 的项目中。为此，我想将带有 Compass mixins 的 SCSS 转换为没有 Compass mixins 的 SCSS。这样的事情可能吗？

Answer 1

我不知道，但您可以从第一个（指南针）项目中获取生成的 css 文件，并在第二个项目中“ sass-convert ”它。但是，您将失去所有变量和无礼的好东西。

否则，如果它不是一个很大的项目，你可以做一个 find-replace 并删除 Compass mixins，或者尝试一个“ sass watch ”，跟踪所有错误并手动纠正它们。

还有“ sass --check ”可以检查你的语法。

Answer 2

我最终为自己编写了一个Alfred Workflow 作为文件操作。现在我可以简单地使用 Compass mixins 操作 SCSS 文件，然后在我的桌面上得到一个普通的 SCSS 文件。bash 代码如下所示

export DIR=$(dirname {query})
export BASE=$(basename {query})
filename="${BASE%.*}"
dirname=${filename}$(date +%s)

compass compile --sass-dir ${DIR} --css-dir ~/Desktop/.${dirname}
sass-convert -F css -T scss ~/Desktop/.${dirname}/${filename}.css ~/Desktop/${filename}.scss
rm -r ~/Desktop/.${dirname}

GitHub 上提供了 Alfred 工作流程：https ://github.com/Juuro/Compass-SCSS-to-SCSS-Alfred-Workflow