如何安装和使用语义-UI-Reaction [英] How to install and use semantic-ui-react

问题描述

我想使用react.js和语义UI构建一个Web客户端。有一个节点包可以通过react.js；semantic ui react使用语义-UI。我已经按照react.semantic-ui.com/usage上的说明在我的计算机上安装了此程序包，但在使用一个简单的网页测试时。

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

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

推荐答案

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

这篇关于如何安装和使用语义-UI-Reaction的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！