根据环境/逻辑动态导入scss

Question

我有两个css / scss文件，仅根据条件我需要在特定页面中加载此文件

Example
if(mydata==“strt”
{
//load one.css/one.scss
}
else
{
//load two.css/two.scss
}

Answer 1

您可以使其变得非常复杂，也可以简单地为css命名空间。

使用sass可以轻松地嵌套事物，因此只需将one.scss规则将它们包装在一个类中即可。然后对two.scss执行相同操作，然后将整个内容放入包含的文件中：

.styles-one {
   // all your styles from one.scss
}

.styles-two {
   // all your styles from one.scss
}

完成此操作后，您只需在包装器上设置CSS类即可，而不必尝试动态加载CSS样式。