reactjs - 如何在服务器 SSR 上渲染的 Create React App 中添加对 Css 模块和 Sass 的支持

Question

我正在使用此Repo 使用 Create React APP 与 React SSR 一起使用，但是在运行代码时，当我通过客户端 npm start 运行同一页面时，样式似乎永远不会应用于代码，它在嵌入所有样式时都没有任何问题，但是通过服务器运行时，样式似乎被应用了。

我是否需要弹出 Webpack 配置 / 有什么方法我尝试使用 isomorphic-style-loader 但没有成功。任何步骤都会有所帮助

使用这个 Repo 是非常基础的。

标签： reactjsserver-side-rendering

Answer 1

如果您查看 bootstrap.js 文件，您会看到对“ignore-styles”的要求调用。因此，每个样式导入都将被忽略。否则，您将需要像“babel-plugin-transform-assets”这样的 babel 插件，或者更好的 webpack 配置，以便服务器代码处理资产。SSR 不是微不足道的，这就是为什么有像https://nextjs.org/这样的框架来处理所有这些东西的原因。试试看，它很容易设置。