TL;DR
scssember アドオンから消費者アプリにファイルをインポートする方法(scss ファイルをインポートする必要があり、処理されたcssファイルではなく、scss代わりに消費者のアプリで処理する必要があります)。
詳細：
私はアドオンを開発しており、設計に sass を使用しています。ユーザーがアドオンから css プロパティを構成できるようにしたいと考えています。このために、scssファイルを消費者アプリに直接インポートし（ファイルに移動するcssファイルにコンパイル済みのものを使用したくありませんvendor.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-sizescss
残り火バージョン:1.13.3