Webpackは何とかエクスプレスルーティングを完全にバイパスします

Question

私はこの優れたチュートリアル：https://www.fullstackreact.com/articles/using-create-react-app-with-a-server/から出発し、新しいルートを提供するために新しいページを追加することでそれを拡張しようとしています。しかし、周りいじくるの時間後、私は何とか作成反応するアプリはいくつかの奇妙なマジックをやっていることを実現しています（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`. 

キーの引用は「localhost:3000へのすべてのリクエストはclient/index.htmlにサービスを提供します」です。私はこれがどうなるか分かりません。だから、でも周りroutes/index.jsと私の混乱にもかかわらず：WebPACKのは何とかとにかくindex.htmlをするlocalhost:3000を指示されているので、それは問題doesntの

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

。どこでどのようにこれをやっているのですか？結論新しいhtmlファイルを提供するために私のルートを修正しようとしており、あらゆる種類のファイルパスの問題に遭遇しています（require('path')またはsendFile(...,{root: __dirname})を使用しても）

ここでは正確に何が起こっていますか私を助けるためのヒントを教えてください。

編集：これは、babelとwebpackからのものである可能性があります。

Answer 1

私は周りにプレイしていないと反応するアプリを作成し、それは代わりにデフォルトのNPMの開始を使用してのように思える、あなたがあなた自身のサーバーのファイルを作成して、それを実行することができます。

これは良い例のようです。また

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

あなたがAPIとして使用される経路を持つように探しているなら、あなたはリンクチュートリアルに示すような別のポートへのプロキシそれらをできました。