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

5ssjco0h  于 2023-04-30  发布在  Webpack
关注(0)|答案(2)|浏览(162)

如你所知,我们可以很容易地使用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
avkwfej4

avkwfej41#

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

rn0zuynd

rn0zuynd2#

一个更新到更近的东西-我希望它会帮助别人
对于react 18,实验室'isomorphic-style-loader'不会工作(不支持)。
有一个新的实验室支持react 18,它做同样的事情:'isomorphic-style-loader-react18'
另外,你还需要安装postcss-loader。

相关问题