Question

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

Answer 1

我不知道，但您可以从第一个（Compass）项目中获取生成的css文件，并在第二个项目中使用“ sass-convert ” 。你会失去所有的变数和sass好东西。

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

还会检查您的语法“ sass --check ”。

Answer 2

我最后写了一个Alfred工作流作为文件操作。现在我可以使用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

在没有Compass mixins的情况下将SCSS转换为SCSS

2 个答案: