我想使用react.js和语义ui构建一个Web客户端。有一个节点程序包可将语义用户界面与react.js一起使用；语义ui反应。我已经按照react.semantic-ui.com/usage上的说明在计算机上安装了此软件包，但是通过一个简单的网页进行了测试。

我认为我遇到了这个问题，因为我没有使用最后一条指令：
import '.../semantic/dist/semantic.min.css';。 semantic文件夹已经在我的项目主文件夹中生成，但是dist文件夹和semantic.min.css尚未生成。我在哪里以及如何使用它？

注意：我还尝试将此<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.css"></link>添加到我的index.html页面中，并且页面的样式符合预期。我不想使用此选项，因为无法使用它更改它们。

首先-安装CSS npm install semantic-ui-css --save
然后-在index.js页面(最顶层)中导入
import 'semantic-ui-css/semantic.min.css';

首先，使用以下程序包管理器之一安装语义UI react程序包。

对于npm用户：

对于Yarn使用者：

然后将此导入行添加到您的index.js

仅此而已。

请参阅我的博客文章，其中提供了分步指南：
http://videotutorialspot.com/2019/01/08/semantic-ui-for-react-install-and-getting-started/

对于npm用户：

semantic-ui-css是Semantic-ui-react(SUIR)的程序包依赖项，并且是唯一具有唯一主题的css发行版。 Semantic-ui是用Less编写的，它对最终样式表(dist/semantic.min.css)的生成提供了更大，更精细的控制(每个组件)。
它提供了易于衍生以创建您自己的几个主题，以及有关如何使大型复杂css井井有条且不易受到侵扰的正确描述。

在节点v12中，sui-css的安装可能会失败，
抱怨ReferenceError: primordials is not defined。看
https://stackoverflow.com/a/58394828/1874016。

您也可以
git clone https://github.com/semantic-org/semantic-ui
在此处应用上面的补丁。
和yarn install

请注意，默认的semantic.min.css大小为628Kb，您可能不需要其所有组件的样式。

• 在您的根文件中，可能是src / index.js add

  导入'semantic-ui-css / semantic.min.css';

• 可以在[此处]找到一些常见的布局：(https://semantic-ui.com/usage/layout.html)