レンダリングサーバー上のスタイルで反応するコンポーネント

Question

私は自分のコンポーネントにReactを使用しています。コンポーネントにスタイルをパッケージ化するには、文書化されたWebpackメソッドに従って要求しています： require('./style.css'); 私はサーバー上でレンダリングしようとすると、node-jsxはcssを変換しようとするとエラーをスローします。 CSSを壊さないjsxを変換する別の方法はありますか？私はむしろスタイルを自分のパイプラインに壊さずに、ウェブパックのパッケージ化コンポーネントの利点をうまく打ち破ることができます。

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}