带有样式的 ReactJS.NET 和 Webpack 服务器端渲染

Question

我正在尝试为初始页面加载呈现组件服务器端。使用@Html.React("componentName", props) 可以完美呈现标记。我遇到的问题是组件将在没有样式的情况下呈现。稍后，样式会通过 Webpack 包和典型的样式加载器加载。

我尝试了几种方法。

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

2. https://github.com/kriasoft/isomorphic-style-loader 因同样原因无法工作

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

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

Answer 1

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

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