Angular 2 种子 - 如何在 sass 文件中启用指南针支持

Question

我为我的 Angular 2 应用程序使用 this 种子项目。

我的目标是在所有 sass 文件中使用 compass mixins 和函数。

在我尝试使用@import 'compass' 的那一刻，它根本无法导入。

我安装了最新的 SASS 和 COMPASS gem。

我认为要做到这一点，我需要一些 config.rb，但我不知道如何将其正确放置在此文件结构中。

或者也许我需要gulp-compass 并实现一些 gulp 的任务来启用指南针，当整个应用程序构建时？

但是什么时候开始这个任务，这个任务的代码应该是什么样子的？

Answer 1

如果你只想使用 compass mixin，最好使用compass-mixins。它包含大多数 compass mixin 作为提供的“原始 Compass”。

步骤如下：

1. npm install --save-dev compass-mixins

2. 编辑seed.config.ts中的SASS选项

   SASS_OPTIONS: SassOptions = { includePaths: ['./node_modules/compass-mixins/lib/'] };

那么它应该在angular2-seed-sass 中工作。因为我在angular2-seed 中做了类似的事情，而且效果很好。

经过gulp-compass、gulp-ruby-sass玩了2天，相信上面的解决方案应该是最简单的了。