create-react-app と 自前expressサーバをどう組み合わせるか(ビルドの話)
- Server Renderingを考えると、server側でもComponent使いまわしたい。
- create-react-appでつくった既存のComponentは、Webpackに依存している(CSS Importの部分)
- それをserver側でも使えるようにするためには、必然的にserver側もcreate-react-appと同じようなバージョン、設定の
webpack
でビルドする必要がある。具体的には下記のような感じ。
webpack css-loader url-loader babel-loader
所感
- css, imageのimportを諦めれば、server側のビルドはbabelだけで済むのでかなりスマート。けどなんか負けた気がする。
- react-scriptsを流用してserver側もビルドできないかな?…