Rendering React components with styles on the server

Question

I'm using React for my components, and in order to package up the styles with my components, I'm requiring them in as per the documented webpack method: require('./style.css'); But when I try to render on the server, node-jsx throws an error when it attempts to transform the css. Is there another way of transforming the jsx which won't break on css? I'd rather not break the styles out into their own pipeline as that would defeat the advantage of webpack packaging components up nicely.

Answer 1

This can be solved setting webpack's "target" configuration to "node".

This simple example app should explain it clearly.

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

Answer 2

You could use require.extensions like this:

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