有没有一种方法可以使webpack根据条件动态加载CSS文件？

Question

我有两个主题css文件，例如

light.css

body { background-color: white; }

dark.css

body { background-color: black; }

我想根据用户设置加载不同的CSS文件。

JS代码如下：

if (user.settings.theme === 'dark') {
   require('dark.css')
} else {
   require('light.css')
}

在构建Webpack之后，无论用户设置主题是什么，我总是使用light.css来找到它。

我也尝试使用import（'light.css'）替换require（'light.css'），结果是 显示找不到错误文件。

我已经询问了一天多，但我没有头绪。

它是否支持webpack？或有其他方法。

预先感谢