質問: require("fs"); require("http").createServer().on("request", function(req, res){ fs.readFile("./index.html", "utf-8", function(err, data){ res.setHeader("Content-Type", "text/html"); res.write(data); res.end(); }); }).listen(1234); ``` みたいな感じで、 $node server.jsで、index.htmlを動かすことができます。 そのサーバー上でReact.jsを使いたいのですが、 ■ index.html ``` ...(略)... ``` だと普通にReactが動くのですが、 webpackを使ってindex.htmlを書き換えるとreactが動きません。 ■ webpackを使ったindex.html ``` ...(略)...
回答: server.js で index.html しか配信対象にしていないので、bundle.js が配信されないのが原因ではないでしょうか? CSS やイメージファイルなどもあるので、静的コンテンツ用のディレクトリに index.html を配備し、その下全体を node.js の配信対処にし、 webpack からそのディレクトリにリリースするようにされてはいかがでしょうか。 「node.js 静的コンテンツ」で検索すると、静的コンテンツ配信方法はいろいろ出ると思います。 参考:node,expressでとりあえず静的ファイルを公開したい