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

Question

我有一个引用了一些Compass mixins的SCSS文件。现在我想把它包含在一个不使用Compass的项目中。为此，我想将我的SCSS与指南针混合转换为没有指南针混合的SCSS。这样的事情可能发生吗?

Answer 1

据我所知没有，但是您可以从第一个(Compass)项目中获取生成的css文件，并在第二个项目中使用"sass-convert"。你将失去所有的变量和sass的好东西。

否则，如果它不是一个非常大的项目，你可以只做一个查找-替换并删除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}

Alfred Workflow在GitHub上可用:https://github.com/Juuro/Compass-SCSS-to-SCSS-Alfred-Workflow