Webpack irgendwie umgeht Express-Routing vollständig

Question

Ich beginne von diesem ausgezeichneten Tutorial: https://www.fullstackreact.com/articles/using-create-react-app-with-a-server/ und versuchen, es durch Hinzufügen einer neuen Seite zu erweitern, um durch eine neue Route zu dienen. Doch nach Stunden herumschlagen ich zu realisieren, dass irgendwie schaffen reagieren-App einige seltsame Magie tut (wie mentioned in their docs here):

`create-react-app` configures a Webpack development server to run on `localhost:3000`. 

This development server will bundle all static assets located under `client/src/`. 

All requests to `localhost:3000` will serve `client/index.html` which will include Webpack's `bundle.js`. 

Der Schlüssel Zitat ist „Alle Anfragen an localhost:3000client/index.html dienen“. Ich habe keine Ahnung, wie das passiert. Also auch wenn ich mess around mit routes/index.js:

app.route('/') 
     .get(function (req, res) { 
      res.sendFile(bipath.join(__dirname, '../public', 'THISCANBEANYRANDOMFILENAME.html')) 
     }); 

spielt es keine Rolle, weil webpack irgendwie localhost:3000 leitet sowieso index.html. Wo und wie macht es das? Unterm Strich Ich versuche, meine Routen zu ändern, um eine neue HTML-Datei zu dienen und in alle möglichen Filepath Fragen leite (ja, auch wenn ich require('path') oder sendFile(...,{root: __dirname}).)

Was genau ist hier los und Sie können Gib mir irgendwelche Hinweise, um mir zu helfen?

Edit: das könnte sowohl von babel als auch von webpack sein - ich weiß nicht genau wo Babel die Hände abhebt und wo das Webpack startet.

Answer 1

Ich habe um nicht gespielt mit create-reagieren-app, aber es scheint, wie stattdessen den Standard-npm Start zu verwenden, können Sie Ihre eigene Server-Datei erstellen und auszuführen.

Das sieht wie ein gutes Beispiel aus.

https://medium.com/@patriciolpezjuri/using-create-react-app-with-react-router-express-js-8fa658bf892d#.6y4rrl61q

Alternativ, wenn Sie suchen Routen als api verwendet haben, könnten Sie Proxy sie an einen anderen Port wie verknüpft in dem Tutorial gezeigt.