如何安装和使用语义 - 反应

Question

我想使用react.js和语义ui构建一个Web客户端.有一个节点包可以与react.js一起使用semantic-ui; 语义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页面,页面样式符合预期.我不想使用此选项,因为我无法使用它来更改它们.

Answer 1

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

Answer 2

首先，使用以下包管理器之一来安装语义 UI 反应包。

对于 npm 用户：

npm install semantic-ui-react

对于纱线用户：

yarn add semantic-ui-react

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

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

就这样。

请参阅我的博客文章，它有一个分步指南：http :
//videotutorialspot.com/2019/01/08/semantic-ui-for-react-install-and-getting-started/