问题
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