Css 在Vue（Vuex）中切换@import sass模块（文件）以更改颜色主题

我正试图找到解决这个问题的最佳方法（或者如果可能的话）。我有一个相当大的应用程序，我在两个单独的文件中全局设置了颜色sass变量-_theme-dark.scss和_theme-light.scss。现在我想允许用户通过点击按钮在这两种模式之间切换

下面是my app.scss文件的一个示例：

app.scss

---

仅供参考，手动在两个文件之间切换代码注释有效，不，我只需要使其动态。

一个可能的解决方案是创建

app_light.scss

和

app_dark.scss

导入指定的主题文件，然后导入

app.scss

。在此构建之后，将它们都替换为

app.scss

，并动态切换html样式标记。您听说过吗？这是一个POSTSS插件，可以完成你想要做的事情。

@import 'modules/theme-dark';
//@import 'modules/theme-light';