css module全局样式

Question

就是使用webpack打包编译后的css样式问题，因为是开启了css module,所以写的css编译后都是哈希字符串命名，我是想写多个全局样式（也就是不会编译成哈希表字符串），我查了很多资料都是这种写法

:global{
    .test1{color:red}
    .test2{color:blue}
}

但是我这样写了之后编译出来的是

{
    .哈希表字符串{}
}

也就是还是局部样式

单个的我知道，我就是想问我多个应该怎么写？

小白第二天学习webpack，希望前辈们能解答一波！！

Answer 1

全局是这种写法？

不是这样？

:global(.test1) {
  color: red;
}

Answer 2

:global {
  .global-class-name {
    color: green;
  }
}

这种写法我通常是配合less预处理器使用的，你可以在webpack添加对less的支持来这样写。