如何在React SSR（服务器端渲染）中使用样式加载器？

Question

您知道，我们可以轻松地使用样式加载器将样式添加到我们的react项目中，但是窗口在服务器端渲染中不可用，因此我如何使用样式加载器（还是SSR项目中没有的东西？

当我使用 style-loader 时，它会按预期返回此错误：

 .../public/server.js:866
        return window && document && document.all && !window.atob;
        ^

    ReferenceError: window is not defined

Answer 1

我刚刚找到了我问题的答案；我们可以使用isomorphic-style-loader在SSR中加载样式

Answer 2

我发现node-style-loader插件可以很好地完成这项工作。但是，自更新以来已经有一段时间了。使用它就像将webpack配置中的style-loader替换为node-style-loader一样简单。