Angular2+ UI库公开SCSS变量

Question

我正在构建自己的UI库，以便在我的项目中内部使用。我已经准备好了一些模块并开始使用它，这让我思考如何‘公开’scss变量，以便在应用程序中覆盖这个库。类似于离子型软件对其组件所做的事情(在每个组件上都有它正在使用的scss变量列表，这些变量可以在应用程序scss中被覆盖。

Answer 1

创建两个文件:一个用于配置，一个用于样式设计。

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

@import 'myLib/variables';

$color: green,
$background: yellow;

@import 'myLib/styling';