semantic-ui-react - 如何在 Semantic UI React 中使用 Semantic UI 的主题？

Question

传统 Semantic UI 上有关于主题化的详细说明，但 Semantic UI React 站点中缺少等效部分。这是否意味着它不支持主题化，或者您可以使用传统语义 UI 的主题化方法？

我知道 React 世界中的一些人主张不使用 CSS，而是在组件设计中以编程方式进行样式设置。Semantic UI React 的哲学是什么？

Answer 1

主题部分在反应语义 ui 文档中“缺失”，但这是故意的。

我就是这样做的：

安装完整的语义 UI 包。Semantic UI 包括 Gulp 构建工具，因此您的项目可以保留自己的主题更改，允许您自定义样式变量。

此处提供了有关语义 UI 中主题化的详细文档。

$ npm install semantic-ui --save-dev

使用 Gulp 构建项目后，您需要在 index.js 文件中包含缩小的 CSS 文件：

import '../semantic/dist/semantic.min.css';

通过：https ://react.semantic-ui.com/usage#semantic-ui-package

已经有不同的 ui 框架具有更“反应”的方法。恕我直言，语义 ui（react）所做的是迄今为止最好的实时解决方案......

Answer 2

问题之一是“我们应该将语义 UI 放在您的项目中的什么位置？” 你应该把 src/semantic 覆盖默认值。