reactjswebpackwebpack-style-loaderserver-side-rendering

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

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
Solution

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