less里面的`:global` 加在了最外层，加了之后，在tsx文件中通过`import ‘./index.less‘；`引入的样式没有作用

这里涉及到css modules，原因是在 css modules中要想一个类名不被装换，那么可以使用:global(className)来进行包装，这样的类不会被转换，会被原样输出。而事实上我们引入的时候不是用的css modules的方式，所以压根就用不着:global 这种全局作用域的方式。

另外css modules中可以使用composes来引入自身模块中的样式以及另一个模块的样式：

.serif-font {
  font-family: Georgia, serif;
}

.display {
  composes: serif-font;
  font-size: 30px;
  line-height: 35px;
}

从另一个模块中引入，可以这样写：

.element {
  composes: dark-red from "./colors.css";
  font-size: 30px;
  line-height: 1.2;
}

dark-red 是另一个模块中的样式类名

参考：CSS Modules入门教程 - 糊糊糊糊糊了 - 博客园