在服务器上渲染带有样式的 React 组件

Question

我将 React 用于我的组件，并且为了将样式与我的组件打包在一起，我需要按照记录的 webpack 方法将它们包含在内： require('./style.css'); 但是当我尝试在服务器上渲染时，node-jsx 在尝试转换 css 时会引发错误。是否有另一种方法可以转换不会在 css 上中断的 jsx？我宁愿不将样式分解到自己的管道中，因为这会很好地破坏 webpack 打包组件的优势。

Answer 1

这可以通过将 webpack 的“target”配置设置为“node”来解决。

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

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

Answer 2

你可以像这样使用require.extensions：

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