ReactJs webpack hot reloading

Question

Ich bin neu in ReactJS und versuche eine glatte Entwicklungsumgebung zu erstellen. Ich habe von Grund auf ohne Kochplatten angefangen, ich komme gut bis heißes Nachladen.

Zuerst, was ich gefunden habe, war Dan Abramov'shot reloading approach. Es fügt einige Optionen zu webpack.config.js und eine server.js Datei hinzu, in der ein Anfänger nicht vertraut ist. Diese Setup-Server-Browser-Hot-Reloading-Verbindung sehr gut.

Allerdings, wenn ich die Boilerplate von ReactJS hello world installieren, läuft es auch mit Hot-Reload-Prozess, aber ich sehe, dass es keine server.js gibt und es gibt nicht einmal eine Datei webpack.config.js. (Es gibt react-scripts Skript in package.json. Ich denke, das Skript übernimmt die ganze webpack und heiße Nachladen Konfiguration.)

Also ich frage mich, ob es oder wird eine Standardmethode der heißen reloding in reagieren + webpack Umwelt sein . Oder welche Wege sollte ich beibehalten?

Answer 1

die Art und Weise, wie server.js erstellt und mit npm-Skript aus Paketdateien ausgeführt wird, ist die bevorzugte Methode.

Sie Pakete Datei so etwas wie dies sollte hinzufügen: json Objekt

{ "Start": "babel-Knoten Tools/server.js" }

dann können Sie Verwenden Sie npm Start

und Sie sollten - server.js Datei, die alle App-Server Initialization usw. enthält:

const app = express(); 
const compiler = webpack(config); 
app.use(require('webpack-hot-middleware')(compiler)); 

hoffen, dass es Ihnen helfen,

Answer 2

hod Da Sie erstellen reagieren-App verwenden vorformulierten, können Sie diesen kleinen Artikel finden kann nützlich

https://medium.com/superhighfives/hot-reloading-create-react-app-73297a00dcad#.xs591a2t3