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

Question

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

Answer 1

这可以通过将 webpack 的“目标”配置设置为“节点”来解决。

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

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