2016-11-25 108 views
3

我想用react.js和语义ui构建一个web客户端。有一个节点包使用semantic-ui和react.js; semantic ui react。我已经按照react.semantic-ui.com/usage上的说明在我的计算机上安装了此软件包,但通过简单的网页进行测试。如何安装和使用semantic-ui-react

我想我有这个问题,因为我没有使用这最后的指令: 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页面,页面风格和预期一样。我不想使用这个选项,因为我不能用它来改变它们。

+0

我已经成功生成了'语义/距离/ *'文件。我还不知道如何“导入”.../semantic/dist/semantic.min.css''以及在哪里导入它。 – cdaiga

回答

2

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