2016-11-25 42 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';