如何让less编译后的css代码拥有“局部作用域”？

Question

css代码的作用于是全局的。一般为了让css不污染全局（尤其在单页应用中），都会从className下手，让它只对某个某块有效，这就产生了“css的局部作用域”。

问题：公司项目用的less写样式，项目是基于react的单页应用，我想让less的作用域只针对某个react组件，不会对其他组件产生影响，我该怎么做？

Answer 1

CSS Modules

Answer 2

一个组件一个样式表文件 我是这样干的 到时候不需要这组件了就可以一起删了..

Answer 3

如果走browserify的话，我写了个插件less-modulesify