反応ルータプロジェクトのwebpack設定を理解するには

Question

私はこのリンクから反応ルータの動的ルーティングを学んでいますhttps://github.com/ReactTraining/react-router/blob/master/docs/guides/DynamicRouting.md。巨大なアプリのプロジェクトは、私が探しているものです。私はhttps://github.com/ReactTraining/react-routerから反応ルータのgit repoをクローンし、それをセットアップするための指示に従った。すべてここでうまくいく。しかし、examplesディレクトリのwebpack設定の設定の一部を理解していません。私はすべての出力ファイルが/__build__ディレクトリの下に置かれていることを見ることができます

output: { 
    path: __dirname + '/__build__', 
    filename: '[name].js', 
    chunkFilename: '[id].chunk.js', 
    publicPath: '/__build__/' 
    }, 

：

は、以下のWebPACKの設定の出力です。巨大な-アプリケーション/ index.htmlファイルでは、私はそれは以下のようにJavaScriptファイルを読み込む見ることができます：

<script src="/__build__/shared.js"></script> 
<script src="/__build__/huge-apps.js"></script> 

しかし、私は、全体の反応-ルータをプロジェクトの下__build__ディレクトリを見つけることができませんでした。そして、私はshraed.jsとhuge-apps.jsファイルを見つけることができませんでした。私はwebpackがこれらのファイルを置く場所について混乱しています。私はそれがhttp://localhost:8080/build/huge-apps.jsからjavascriptファイルを読み込むことができるブラウザの検査から。彼らは唯一の記憶ですか？

Answer 1

リアクタルーターの例では、webpackDevMiddlewareを使用して、メモリ内のファイルを処理する__build__リソースへの要求を処理します。 server.jsから

：

app.use(webpackDevMiddleware(webpack(WebpackConfig), { 
    publicPath: '/__build__/', 
    stats: { 
    colors: true 
    } 
})) 

Answer 2

あなたはWebPACKのindevelopmentモードのすべてのファイルがメモリにロードされますを実行している場合。あなたの中にファイルを作成することはWebPACKの

output: { 
    path: __dirname + '/__build__', 
    filename: '[name].js', 
    chunkFilename: '[id].chunk.js', 
    publicPath: '/__build__/ 
    }, 

    plugins: [ 
    .... 
    new ExtractTextPlugin("[name].css"), 
    ... 
    ],