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

【问题标题】：Convert SCSS to SCSS without Compass mixins将 SCSS 转换为没有 Compass 混合的 SCSS
【发布时间】：2013-05-23 08:33:30
【问题描述】：

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

【问题讨论】：

只使用 Compass 比重新创建所有正在使用的 mixin 更容易。请记住，Compass 提供的一些东西是用 Ruby 编写的，而不是 Sass（特别是如果您使用渐变）。

标签： css styles sass compass-sass

【解决方案1】：

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

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

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

【讨论】：

【解决方案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 工作流程在 GitHub 上可用：https://github.com/Juuro/Compass-SCSS-to-SCSS-Alfred-Workflow

【讨论】：