2016-11-25 21 views
3

Ich möchte einen Web-Client mit react.js und semantischen ui erstellen. Es gibt ein Knotenpaket zur Verwendung von semantic-ui mit react.js; semantic ui react. Ich habe dieses Paket bereits auf meinem Computer nach den Anweisungen auf react.semantic-ui.com/usage installiert, aber beim Testen der mit einer einfachen Webseite.Wie semantic-ui-react installieren und verwenden

Ich glaube, ich habe dieses Problem, weil ich diese letzte Anweisung nicht verwenden konnte: import '.../semantic/dist/semantic.min.css';. Der Ordner semantic wurde in meinem Projekthauptordner erstellt, aber der Ordner dist und der semantic.min.css wurden noch nicht erstellt. Wo und wie soll ich das verwenden?

NB: Ich habe auch versucht, diese <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.css"></link> meine index.html Seite hinzufügen und die Seite war Stil wie erwartet. Ich möchte diese Option nicht verwenden, da ich sie nicht ändern kann.

+0

Ich habe es gelungen, die 'semantischen/dist/*' Dateien zu erzeugen. Ich weiß noch nicht, wie man "..." importiert/semantisch/dist/semantisch.min.css'' und wo man es importiert. – cdaiga

Antwort

2

Erste - installieren css npm install semantic-ui-css --save
Dann - Import in an der index.js Seite (der obersten Ebene)
import 'semantic-ui-css/semantic.min.css';

Verwandte Themen