2017-05-18 4 views
0

Ich versuche, Webpack mit React zu verwenden, um eine Dokumentationswebsite zu erstellen, und ich möchte den Beispielcode neben dem Beispiel anzeigen können. Ich würde das lieber dynamisch machen, also vergesse ich nie zu synchronisieren, aber ich würde es lieber nicht als einen separaten Schritt im Build-Prozess betrachten. Natürlich dachte ich, ich könnte dies zur Laufzeit nicht mit fs.readFile oder etwas aus einer Reihe von Gründen (es wäre Browser-Seite und die Datei würde sowieso nicht existieren).Dateiinhalt vor jeder Umwandlung laden

Also dachte ich, ich würde versuchen raw-loader. Das gab mir das Post-Babel-Ergebnis, das ist ... besser als nichts, aber ich möchte die ursprüngliche Quelle. raw-text-loader gab mir das gleiche. Kann ich etwas tun, um den ursprünglichen Quellcode zu erhalten?

Gibt es etwas, was ich tun kann die T

+0

Eine Ressource, die ich habe, ist die Semantic UI React Docs, die großartig sind. Sie tun dies zur Laufzeit. https://github.com/Semantic-Org/Semantic-UI-React/blob/master/docs/app/Components/ComponentDoc/ComponentExample.js für den Fall, dass dies nie eine Antwort bekommt und jemand dies tun muss, ist das besser als nichts –

Antwort

0

Oh bekommen, vielleicht nicht die klügste Sache, aber ich hatte

import ExampleText from '!raw!./Example.js'

statt

import ExampleText from 'raw!./Example.js'

mit importieren

Sorry, wenn das offensichtlich war. =)