for example, I have two components An and B. How do I get component A to use only A.less , and component B to use only B.less . Because they all have the same class name.
it is known that CSS Module is available. I"d like to know if there are any plug-ins.

A.tsx

import "./A.less";
....
render() {
    return <div className="test"/>
}

A.less

.test{
   color: "red";
}

B.tsx

import "./B.less";
render() {
    return <div className="test"/>
}

B.less

.test{
    color: "blue";
}