Node.js 如何安装和使用语义用户界面

我想使用react.js和语义用户界面构建一个web客户端。有一个节点包可用于react.js；的语义ui。我已经按照上的说明在我的计算机上安装了此软件包，但是在使用简单的网页测试后

我想我有这个问题是因为我没有使用最后一个指令：

import'…/semantic/dist/semantic.min.css'。已在我的项目主文件夹中生成
semantic
文件夹，但尚未生成
dist
文件夹和
semantic.min.css
。我应该在哪里以及如何使用它

NB:我还尝试将此
添加到我的
index.html
页面中，页面的风格与预期一致。我不想使用此选项，因为我无法用它更改它们的名称。
首先-安装css
npm安装语义ui css-保存
然后-在index.js页面导入（最顶层）

import'semantic ui css/semantic.min.css'

npm install sematic-ui-react sematic-ui-css --save


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

导入“语义ui css/semantic.min.css”

可以在[此处]找到一些常见布局：（）

首先，使用以下软件包管理器之一安装semantic UI react软件包

对于npm用户：

npm install semantic-ui-react

对于纱线用户：

yarn add semantic-ui-react

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

import 'semantic-ui-css/semantic.min.css'

就这些

查看我的博客帖子，它有一个分步指南：

对于npm用户：

npm i semantic-ui-react semantic-ui-css

是（SUIR）的包依赖项，是具有唯一主题的仅css发行版。以
Less
编写，并对最终样式表的生成提供更大、更精细的控制（每个组件）（
dist/semantic.min.css
）。
它提供了几个易于衍生的主题，以创建自己的主题，并提供了一个关于如何保持大型复杂css的良好组织，而不是用较少的资源进行入侵的适当图片

在节点v12中，sui css的安装可能会失败，
抱怨
引用错误：未定义原语
。看见

你也可以
git克隆https://github.com/semantic-org/semantic-ui
在这里应用上面的补丁。
和
纱线安装

请注意，默认的
semantic.min.css
大小为628Kb，您可能不需要它的所有组件的样式。
我已成功生成
semantic/dist/*
文件。我还不知道如何
import'./semantic/dist/semantic.min.css'
以及在哪里导入它。
semantic ui css
是SUIRHow的一个包依赖项。您的答案与@DonskikhAndrei的答案有什么不同吗？与“semantic ui css”的来源相同？SUIR的依赖项可能缺少
npm安装语义ui css
@challet。无需安装两次。不过如果您想要自定义构建（比如主题），则需要
npm安装语义ui
并运行gulp构建任务（或将其添加到CI）：谢谢。为什么它必须在index.js页面中导入？只是为了包含在最终的捆绑包中，并且在任何地方都可用。