我有两个大的自动生成的CSS文件dark-theme.css和light-theme.css
我想使用数据属性"data-theme"有条件地导入它们
所以我在我的"theme。scss"文件
:root,
[data-theme="light"] {
@import url('light-theme.css');
}
[data-theme="dark"] {
@import url('dark-theme.css');
}
这不起作用，它总是只从dark主题加载规则，即使"data-theme"已改为轻
注意这两个CSS文件具有完全相同的类和规则，只是颜色发生了变化。这些文件是外部自动生成的，而且很大，手动更改它们很繁琐，所以我更喜欢基于data属性覆盖样式表的有条件方式。
要做到这一点，您可以直接导入它，而不需要.css扩展名。
但是它不会被惰性加载