在css文件中导入material-ui库

Question

我想在我的css文件中使用@material-ui/core/colors/deepOrange。可以将此库导入到我的css文件中吗？我想使用它，如下所示

import deepOrange from '@material-ui/core/colors/deepOrange';
import deepPurple from '@material-ui/core/colors/deepPurple';

.OrangeAvatar {
   margin: 10;
   color: #fff;
   background-color: deepOrange[400]
}

谢谢,

Answer 1

当然你可以像这样导入，

https://developer.mozilla.org/en-US/docs/Web/CSS/@import

@import '@material-ui/core/colors/deepOrange';
@import '@material-ui/core/colors/deepPurple';

.OrangeAvatar {
   margin: 10;
   color: #fff;
   background-color: deepOrange[400]
}

不过，为了提高性能，不推荐使用导入。你可以读哈里·罗伯茨的this post