通过 React 动态导入 SASS 文件

Question

我必须使界面适合两种不同的颜色主题 - 浅色和深色。用户通过按钮/开关/任何方式选择颜色主题。

问题（我认为）是我的 React 应用程序是通过 Webpack 捆绑的，所以我所有的 SASS 编译样式都被嵌入到主 HTML 模板中<style>...</style>（每个style标签都引用了它的 SASS 文件）。我知道，我可以为应用程序包装器分配一些类名，然后为每个需要重新着色的选择器编写嵌套样式。但它的效率并不高，例如，根据用户选择的颜色主题导入必要的 SASS 文件。

有没有办法更好地解决这个问题？