服务器端渲染CSS模块

  • Z时代
  • 2024-01-10
  • 分类：问答

我将使用

导入样式，并使其与服务器端渲染一起使用。我尝试了以下方法，但是每个方法都有其自己的警告。require('.style.scss')如果有任何副作用，最好的方法是什么？

  1. 使用css-modules-require-hook：

：易于配置。您只需要在服务器代码的开头调用该挂钩。您无需修改​​组件。

的require.extensions全局对象。 *

  1. 使用isomorphic-style-loader：

：不再需要钩子require.extensions。

：使用HOC封装使用React的HOC组件Context，这是一个 API，可能会在React的未来版本中破坏。

  1. 使用webpack-isomorphic-tools：

：不依赖require.extensions或Context（AFAIK）。

：在webpack-isomorphic-tools实例中包装服务器。我们可以摆脱 吗？

  1. 使用 捆绑服务器：

：不再需要钩子或注射剂。

：在开发中，每当代码更改时将所有内容捆绑在一起非常麻烦，甚至使在大型捆绑文件中调试变得 .js。不确定-

您可能需要将捆绑包传递.js给测试跑步者。

：

  • 下面的优点和警告只是我的两分钱，实际上，我喜欢他们用来解决问题并真正感谢他们的努力的所有库，插件和方法。

  • 我不是说英语的人，如果我歪曲自己的话，请纠正我。

回答：

最后，我决定加入require.extensionsin开发。在控制台上显示警告消息（例如校验和不匹配）可能不是最好的方法，但是在开发模式下，我可以忽略它。

以上是 服务器端渲染CSS模块 的全部内容， 来源链接： utcz.com/qa/402306.html

回到顶部