使用服务器上的样式呈现React组件

时间:2015-01-11 23:46:21

标签: serverside-javascript webpack

我正在为我的组件使用React,并且为了使用我的组件打包样式,我根据记录的webpack方法要求它们: require('./style.css'); 但是当我尝试在服务器上渲染时,node-jsx在尝试转换css时会抛出错误。有没有另一种方法可以改变jsx在css上不会中断?我宁愿不将样式分解到他们自己的管道中,因为这会很好地破坏webpack包装组件的优势。

2 个答案:

答案 0 :(得分:7)

这可以解决将webpack的“目标”配置设置为“节点”的问题。

这个简单的示例应用程序应该清楚地解释它。

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

答案 1 :(得分:2)

您可以像这样使用require.extensions

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