serverside-javascript - サーバー上でスタイルを使用して React コンポーネントをレンダリングする

Question

コンポーネントに React を使用しており、スタイルをコンポーネントにパッケージ化するために、文書化された webpack メソッドに従ってスタイルを要求しています。 require('./style.css'); しかし、サーバーでレンダリングしようとすると、node-jsx がエラーをスローします。 css を変換しようとしたとき。cssで壊れないjsxを変換する別の方法はありますか? スタイルを独自のパイプラインに分割するのは避けたいと思います。これは、コンポーネントをパッケージ化する Webpack の利点がうまく失われるからです。

Answer 1

これは、webpack の「ターゲット」構成を「ノード」に設定することで解決できます。

この簡単なサンプルアプリは、それを明確に説明する必要があります。

https://github.com/webpack/react-webpack-server-side-example/blob/master/webpack.config.js

Answer 2

require.extensions次のように使用できます。

require.extensions['.css'] = function() {return null}