react-loadableをSSRで使う場合にハマった所が多かったのでまとめました。 PR 結論と注意点 loadable-components react-loadableからloadable-componentsへ 問題点 書き方 dynamic import Client Renderer Server Renderer 関連記事 PR github.com 結論と注意点 babel-pluginであるloadable-components/babelは必ずしも必要ない つまりbabelを通さなくてもTyepScriptのまま使える moduleを指定しないとcomponentIdが引けずに落ちるので必ず書く必要がある トップレベルにdynamic importしたもののファイル群(e.g. router)をimportしないといけない 起動時に読み込まないといけないため(当たり前
![loadable-components + TypeScriptでSSRとCSRに対応したdynamic importを実現する - 技術探し](https://cdn-ak-scissors.b.st-hatena.com/image/square/a2fba88921a2787748c343b7d65416126d6e3989/height=288;version=1;width=512/https%3A%2F%2Fuser-images.githubusercontent.com%2F266302%2F27487896-6a8cc4fa-5835-11e7-8061-b481ad72a065.png)