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)
このファイルの目的は理解できますが、生成されない理由がまったくわかりません。
不足しているものはありますか?関連するファイルとリポジトリは次のとおりです
- https://github.com/jvorcak/universal-react-kit/tree/sass-loader
universal-react-kit
(リポジトリ の sass-loader ブランチ) - 設定 - https://github.com/jvorcak/universal-react-kit/blob/sass-loader/webpack-isomorphic-tools-configuration.js
- webpack.config.js - https://github.com/jvorcak/universal-react-kit/blob/sass-loader/webpack.config.js
- サーバー実行時のエントリファイルhttps://github.com/jvorcak/universal-react-kit/blob/sass-loader/src/server/index.js
誰かが何が起こっているのか説明してもらえますか、私はドキュメントやブログを読みましたが、ここに何かが欠けています. ありがとうございました。