reactjs - 如何在 React SSR(服务器端渲染)中使用样式加载器?

标签 reactjs webpack webpack-style-loader server-side-rendering

如你所知,我们可以轻松地使用 style-loader 将样式添加到我们的 React 项目中,但是 window 在服务器端渲染中不可用,那么我如何使用 style-loader (或者 SSR 项目中的其他东西)?

当我使用style-loader时,它按预期返回此错误:

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

    ReferenceError: window is not defined

最佳答案

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

关于reactjs - 如何在 React SSR(服务器端渲染)中使用样式加载器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51570134/

相关文章:

javascript - Webpack css-loader : "Module not found: Error: Can' t resolve 'main.css' in . ..”

reactjs - 尝试使用 webpack 和 babel 加载 css 时出现意外标记

javascript - Material-UI 应用栏自带边距

webpack - Vue.js 在 Visualforce 中不起作用

angular - 如何在 Angular 2 (Azure-AD) 的 webpack 中加载 adal.js

javascript - Webpack - extract-text-webpack-plugin 找不到模块

javascript - Webpack 2 - 如何停止为 CSS 和 HTML 生成 .js 文件?

javascript - 在新窗口中弹出一个 React 组件

javascript - 如何在react-native中拥有两个居中且可点击的图像链接

javascript - 在 DraftJS 中设置自定义类型