Sass 在SCS上使用css模块
可以同时使用scss和css模块吗。我有一个react项目,我的css文件遵循SCS。我想在这个项目上使用css模块。是否可以在这些SCS样式上使用css模块 例如,我有这样的css文件(嵌套的scss样式)Sass 在SCS上使用css模块,sass,css-modules,react-css-modules,Sass,Css Modules,React Css Modules,可以同时使用scss和css模块吗。我有一个react项目,我的css文件遵循SCS。我想在这个项目上使用css模块。是否可以在这些SCS样式上使用css模块 例如,我有这样的css文件(嵌套的scss样式) 现在如何在css模块中使用它?我的意思是,我可以使用className={style.navbar side}为我的一个div提供样式吗?对不起,只是为了澄清一下,我觉得如果你使用webpack,这个解决方案是可以实现的。您可以将css和SCS都捆绑到一个文件中。SCS是css的超集,因此
现在如何在css模块中使用它?我的意思是,我可以使用className={style.navbar side}为我的一个div提供样式吗?对不起,只是为了澄清一下,我觉得如果你使用webpack,这个解决方案是可以实现的。您可以将css和SCS都捆绑到一个文件中。SCS是css的超集,因此,是的,您可以拥有一个与css向后兼容的scss文件(换句话说,一个已重命名为.scss的.css文件)。请查看我的编辑。
.navbar-side {
position: absolute;
background: rgba(255, 255, 255, 0.15);
width: 28.9vmin;
top: 10.54vmin;
padding-bottom: 3.4vmin; }
.navbar-side .logo {
width: 50%;
height: 20.4vmin;
background: url("../images/logo.png");
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
margin-left: 25%; }
.navbar-side .navbar-item {
padding: 1.36vmin;
transition: all 0.2s ease;
cursor: pointer;
padding-left: 5.1vmin; }
.navbar-side .navbar-item:hover {
background: rgba(255, 255, 255, 0.15); }
.navbar-side .navbar-item.active {
background: rgba(255, 255, 255, 0.25); }
.navbar-side .navbar-item .navbar-item-inside {
display: none; }