7

React とそれを中心に構築された環境全体を学ぼうとしています。私は自分の開発スタックを構築しようとすることでそれを行います。

非常に長い間解決できなかった問題は、サーバー レンダリングの能力を失わずに CSS/画像を提供する方法です。

いくつかのチュートリアルを読み、webpack-isomorphic-toolsを発見しました

私はそれらを構成し、サポートされている画像、sass (css に変換されたもの) も取得することができました。

ただし、webpack-assets.jsonファイルが生成されず、代わりにこの出力が表示されるという問題に遭遇しました。(このコミットの前に の 2 回目の実行で生成することができましたnpm startが、それは間違いなく進むべき道ではありませんでしたが、ファイルが存在する場合にプラグインが機能することが示されました。)

$ npm start

> redux-universal-example@0.0.0 start /Users/janvorcak/learning2016
> node src/server/index.js

[webpack-isomorphic-tools] (waiting for the first Webpack build to finish)
[webpack-isomorphic-tools] (waiting for the first Webpack build to finish)
[webpack-isomorphic-tools] (waiting for the first Webpack build to finish)
[webpack-isomorphic-tools] (waiting for the first Webpack build to finish)

このファイルの目的は理解できますが、生成されない理由がまったくわかりません。

不足しているものはありますか?関連するファイルとリポジトリは次のとおりです

誰かが何が起こっているのか説明してもらえますか、私はドキュメントやブログを読みましたが、ここに何かが欠けています. ありがとうございました。

4

1 に答える 1

7

アセット ファイルが生成されない理由はwebpack-dev-serverserver.js.

https://github.com/jvorcak/universal-react-kit/blob/master/src/server/server.js#L81

本番環境では必要ないwebpack-dev-serverため、その場所は別の場所にあるため、これは間違った方法です。

あなたの場合webpack-dev-server、生成することを意図してwebpack-assets.jsonおり、これはメソッドがコールバックを呼び出したwebpack-dev-serverに実行されますが、見つかるまでコールバックを呼び出しません。 webpack-isomorphic-tools .server()webpack-assets.json

答えはwebpack-dev-server、別のプロセスで実行することです (それを実現する方法の例については、github.com/erikras/react-redux-universal-hot-example を参照してください)。

https://github.com/halt-hammerzeit/webpack-isomorphic-tools/issues/47

あなたはまた、すべての派手なことをすることができる私の非常に独自の定型文を好きかもしれません

https://github.com/halt-hammerzeit/webapp

于 2016-02-13T12:42:26.800 に答える