javascript - 如何将 broccoli-compass 添加到 ember-cli v0.0.28？

Question

我希望能够使用 compass 在 ember-cli 中将我的 SASS 预处理为 CSS项目。

使用 broccoli-sass 执行此操作是微不足道的，因为 bower install broccoli-sass 是所有必需的，因为已经内置了对它的支持。

使用 broccoli-compass 执行此操作然而，事实证明这是相当棘手的......如何？

---

详细信息:

这个问题之前有人问过，for ember-cli v0.0.23 ;它的答案似乎已经过时 -主要问题似乎是 ember-cli 抽象了 Brocfile.js 中的很多内容，并将其放入另一个文件 preprocessor.js 中，使用 Registry，因此对于标准外观的解决方案会有所不同 Brocfile.js

---

更新:

@saygun 已经回答了这个问题，解决方案允许使用 broccoli-compass 来编译 SCSS --> CSS。但是，有几点需要注意:

• 小问题:meber-cli 中现有的 minifyCss 预处理器将无法工作。您将需要配置 compass 以缩小其自身的 CSS。
• 主要问题:如果 SCSS 文件引用图像，生成的 CSS 文件包含指向图像的链接，其中路径位于 Broccoli 创建的临时树文件夹中。我不确定如何解决这个问题，并提出了后续问题:How to generate image sprites in ember-cli using compass?

Answer 1

我最近发布了 ember-cli-compass-compiler这是用于较新的 ember-cli 应用程序(>= 0.0.37)的 ember-cli 插件。

只需使用命令安装:

npm install --save-dev ember-cli-compass-compiler

不需要其他配置，它将app/styles/appname.scss 正确转换为appname.css。顾名思义，它允许您使用 Compass除了 sass 之外。