如何在使用 Sass 的项目中使用 compass mixins答案

【问题标题】：How to use compass mixins in a project using Sass如何在使用 Sass 的项目中使用 compass mixins
【发布时间】：2017-02-28 23:24:55
【问题描述】：

ColorZilla 的 gradient editor 说

// 需要最新的 Compass，添加 '@import "compass"' 到你的 scss

嗯，我发现这并不容易。显然，如果你只是抛出 @import "compass";在 .scss 文件的顶部，Sass 不会编译，因为找不到 _compass.scss。

这是一个使用 Sass 的 asp.net 项目。另外，我必须使用sass ruby gem 编译，而不是compass 的编译器。
我已经安装了指南针 gem。我已按照http://compass-style.org/install/ 上的说明进行操作。我跑过compass init、compass create、compass install。他们甚至都没有给我罗盘的mixin。

我希望它能够像 bourbon 一样工作，尽管我知道这不是 compass 的主要目标。

我错过了什么？

【问题讨论】：

我不明白你为什么不能在这里使用compass 命令。
我还没用过 Compass 但你可以在这里下载源代码github.com/Compass/compass/tree/stable/core/stylesheets。它在 compass 文件夹中包含 _compass.scss 和所有其他支持文件。
@cimmanon 我们使用 VS 扩展，它使用自己的 Sass 版本自动编译。因为我只想要 mixins，所以这不应该要求太多。
你知道2020年是否有必要用SASS安装指南针吗？
@AntonioÁngelEstradaPérez Sass 不需要 Compass。这是一个 Sass 的库。这篇文章是关于 ColorZilla 的渐变编辑器，它在生成 Sass 时使用 Compass。

【解决方案1】：

安装库

bower install compass-sass-mixins
将指南针导入到您的 SASS 文件中

@import "bower_components/compass-sass-mixins/lib/compass"
签出SASS函数列表：

https://github.com/askucher/compass-sass-mixins

【讨论】：

我们可以下载scss文件吗
@ShibinRagh，即使您使用的是 scss，您应该仍然可以使用导入的 .sass 库。否则，您可以使用sass-convert 工具（npm install -g sass-convert）并从库根目录运行sass-convert -R ./ -F sass -T scss，将所有.sass 文件转换为.scss。