Rendering Reagieren Komponenten mit Stilen auf dem Server

Question

Ich verwende React für meine Komponenten, und um die Stile mit meinen Komponenten zu paketieren, benötige ich sie in der dokumentierten Webpack-Methode: require('./style.css'); Aber wenn Ich versuche, auf dem Server zu rendern, Node-Jsx löst einen Fehler aus, wenn es versucht, das CSS zu transformieren. Gibt es eine andere Möglichkeit, die jsx zu transformieren, die nicht auf css bricht? Ich würde die Stile lieber nicht in ihre eigene Pipeline aufspalten, da dies den Vorteil von Webpack-Packaging-Komponenten gut vereiteln würde.

Answer 1

Dies kann gelöst werden, indem die "Ziel" -Konfiguration des Webpacks auf "node" gesetzt wird.

Diese einfache Beispiel-App sollte es deutlich erklären.

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

Answer 2

Sie require.extensions wie diese verwenden:

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