ReactJS.NET＆amp; Webpack服务器端渲染w /样式

Question

我正在尝试为初始页面加载呈现组件服务器端。使用@ Html.React（＆＃34; componentName＆＃34;，props）可以完美呈现标记。我遇到的问题是组件将呈现没有样式。片刻之后，样式通过Webpack包和典型的样式加载器加载。

我尝试了几种方法。

1. https://github.com/thereactivestack/style-collector-loader不起作用，因为我收到一条错误消息，指出全局未定义。

2. https://github.com/kriasoft/isomorphic-style-loader出于同样的原因不起作用

理想情况下，我希望从组件中获取所需的CSS并将它们渲染到剃刀视图中。

我正在尝试修复现有项目的错误。 Webpack和反应对我来说是相对较新的概念所以我不完全确定我应该提供什么信息。让我知道其他细节会有所帮助。

Answer 1

尝试使用服务器端渲染时，您应该在 componentDidMount 函数中调用require('your css file')。

了解更多信息： https://github.com/webpack/react-starter/issues/37