2016-11-25 24 views
3

react.jsとsemantic uiを使用してWebクライアントを構築したいと考えています。 react.jsでsemantic-uiを使用するノードパッケージがあります。 semantic ui react。私は既にreact.semantic-ui.com/usageの指示に従ってこのパッケージをコンピュータにインストールしましたが、テストする際には簡単なWebページを使用しています。semantic-ui-reactのインストールと使用方法

この最後の命令を使用できなかったため、この問題が発生していると思います。 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ページに追加しようとしましたが、そのページは期待どおりのスタイルでした。私はそれを変更することができないので、私はこのオプションを使用したくない。

+0

の中にインポートを私は 'セマンティックはdist// *'ファイルを生成することに成功しました。私はまだ 'import '.../semantic/dist/semantic.min.css''とそれをどこにインポートするかを知らない。 – cdaiga

答えて

2

まず - 次に、CSS npm install semantic-ui-css --save
をインストール - index.jsページ(非常にトップレベル)
import 'semantic-ui-css/semantic.min.css';

関連する問題