原文
目前我们选择的 UI 框架已经污染了所有的 UI 组件。这对不使用或不能使用引导程序的客户来说是不利的。我们希望我们的 UI 层独立于特定的 UI 框架。此外,我们应该避免像 bootstrap 和 ng-bootstrap 这样的强制对等依赖项。
这需要大量的 poc(例如 https://github.com/tobi-or-not-tobi/agnos)和返工。
这项工作的目标是:
一个非常干净和标准的 UI 层(html5,避免 UI 框架特定的标记)
一种映射、扩展、预处理技术,可以应用于我们的标准 UI.
通过 Agnos,我了解到 SASS 是 UI 框架不可知方法的绝佳选择:
所有大型框架都使用 sass
sass 有一个@extend 机制
sass 有一个占位符选择器(虽然似乎没有人使用 😦)
但是,我们对其他方法持开放态度。
另一种方法显然是设计系统。 ng-bootstrap 就是一个例子,但对此有很大的犹豫:
这是很多工作(去过那里,并且已经看到好的设计系统需要多少时间)
定制仍然是很多工作,虽然它更干净