Angular2 + UI库暴露SCSS变量

Question

我正在构建自己的UI lib，供我的项目内部使用。我已经准备好了一些模块并开始使用它，这让我想到如何在应用程序中使用该库来“暴露”scss变量。像离子正在为其组件做的事情（在每个组件上都有它正在使用的scss变量列表，可以在应用程序scss中覆盖。

Answer 1

制作两个文件：一个用于配置，一个用于样式。

用户将导入配置，编辑变量，然后导入样式。这会给出

@import 'myLib/variables';

$color: green,
$background: yellow;

@import 'myLib/styling';

Answer 2

Usualy你将从_variables.scss，theme.scss（你导入所有prtial文件）开始，但作为建议你必须为每个组件创建一个prtial scss文件，如下拉列表，卡片，按钮....等 例如primeng有这样的东西，你可以看一下bootstrap repo。