1

TL;博士

如何将scss文件从 ember 插件导入消费者应用程序（应导入 scss 文件而不是处理过的css文件，scss应在消费者应用程序中处理）。

细节：

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

以下是它应该如何工作的计划：

我有一个配置scss文件，其中有几个我想要配置的变量，用户可以通过首先包含他们自己的配置scss文件和我们的scss文件来覆盖这些变量（有关如何使 scss 变量可覆盖和被覆盖的更多详细信息）。

的文件结构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从我的插件中包含。

灰烬版本：1.13.3

4

0 回答 0