如何将ember addon的scss文件直接包含在使用app中

Question

TL; DR

如何将来自ember插件的scss文件导入到消费者应用中（应该导入scss文件而不是已处理的css文件，scss应该在消费者的应用中处理）

详细信息：

我正在开发一个插件，我正在使用sass进行设计，我想让我的用户从addon配置css属性。为此，我想将scss文件直接导入到消费者应用程序中（我不希望他们使用已经编译到css文件的vendor.css文件）并覆盖一些变量＆ ＃39; s值。

以下是如何运作的计划：

我有一个配置scss文件，它有几个我想要配置的变量，用户可以首先包括他们自己的配置scss文件和我们的scss文件来覆盖这些变量该（more details on how scss variables can be made overridable and are overriden）。

addon/styles的文件结构如下：

我已经在addon.scss中导入了所有css文件，如下所示：

@import 'config';
@import 'helpers';
@import 'normalize';
@import 'base';
@import 'utilities';
@import 'modules';
@import 'datetime-picker';
@import 'fontawesome';
@import 'animation';
@import 'states';

我希望用户覆盖的值位于_config.scss。我的_config.scss文件的一部分如下所示：

$header-font: $font-sans !default;
$header-font-size: $small-font-size !default;
$header-font-type: normal !default;

我希望用户为$header-font，$header-font-size等变量提供自己的值，并在我的插件中包含scss之前包含。

Ember版本：1.13.3