css module 支持less,reactjs – 可以使用带有LESS嵌套的css-modules吗？

documentation on css-modules是相当稀疏的,所以我不知道我是否可以做到这一点.

This article说,我将按照正常和错误状态设置按钮的样式如下所示：

.common { /* font-sizes,padding,border-radius */ }

.normal { composes: common; /* blue color,light blue background */ }

.error { composes: common; /* red color,light red background */ }

但是我喜欢这样写：

.common {

/* font-sizes,border-radius */

&.normal { /* blue color,light blue background */ }

&.error { /* red color,light red background */ }

}

像我一直做的一样,没有介绍这个新的组合语法.我认为更清楚哪些风格建立在其他样式之上,如果我可以将它们嵌入到代码中.

但是我不知道这将被css-modules导出？他们给出的唯一例子是简单的类名选择器.我不知道怎么样.common.normal将被导出为,或什么.common>正常〜.strange？如果我使用css-modules,我基本上不必使用任何类型的CSS选择器？