create-react-app と 自前expressサーバをどう組み合わせるか(ビルドの話)

  1. Server Renderingを考えると、server側でもComponent使いまわしたい。
  2. create-react-appでつくった既存のComponentは、Webpackに依存している(CSS Importの部分)
  3. それをserver側でも使えるようにするためには、必然的にserver側もcreate-react-appと同じようなバージョン、設定のwebpackでビルドする必要がある。具体的には下記のような感じ。
webpack
  css-loader
  url-loader
  babel-loader

所感

  • css, imageのimportを諦めれば、server側のビルドはbabelだけで済むのでかなりスマート。けどなんか負けた気がする。
  • react-scriptsを流用してserver側もビルドできないかな?…

qiita.com