How can I use style-loader in react SSR (Server Side Rendering)?

泄露秘密 提交于 2019-12-01 18:42:03

问题


As you know, we can easily use style-loader to add our styles to our react project, but the window is not available in Server Side Rendering, so how I can use style-loader (or something instead of that in SSR project)?

When I use style-loader, it returns this error as expected:

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

    ReferenceError: window is not defined

回答1:


I just found an answer to my question; We can use isomorphic-style-loader for loading styles in SSR




回答2:


I found node-style-loader plugin that neatly does the job. However, it has been a while since its been updated. Using it is as simple as replacing style-loader in webpack config to node-style-loader.



来源:https://stackoverflow.com/questions/51570134/how-can-i-use-style-loader-in-react-ssr-server-side-rendering

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!