node.js - ES6 Reactサーバー側レンダリング、Reactコンポーネントをインポートする方法は?

Question

私はES6をES5に変換しています。

1. NodeJS Express サーバー ファイル用の BabelJS と、ディレクトリ build/server/ へのサーバー側レンダリング出力。
2. build/client/bundle.js ファイルへの ReactComponents 出力の Browserify + babelify

build/client/bundle.js から build/server/ ファイルに React コンポーネントをインポートしようとすると、トランスパイルされていない ReactComponent をインポートしているため、アプリがクラッシュします。

サーバーでコードを複製せずに (client/bundle.js のコードを再利用して) ReactComponent をインポートするにはどうすればよいですか?

Answer 1

いくつかの解決策があります：

• サーバー コードを事前にコンパイルする必要はありません。で実行するとbabel-node、オンザフライでコンパイルされます。

• サーバーコードをバンドルできます。browserify でそれを行う方法に関するリソースはわかりませんが、バックエンドで webpack を使い始めるための非常に優れたリソースを次に示します。

• サーバー コードと一緒にクライアント コードを作成することもできます。