最近在学习react的时候发现直接引入less有些时候组件样式会相互影响，造成覆盖！ react中有没有像vye那样设置scoped就能限制局部作用，搜索了好多，只发现了style-conponent(语法提示不够友好)跟 xx.module.less(每个css都要读取引入太麻烦了)，有没有其他简便又能限制局部的插件呢？
react中如何实现局部css样式
reactjs
128 views
Comments
登录后评论
Sign In晨曦·
有没有
局部 css，需要 shadow dom，类似小程序那样，但是这种做法不高效，介绍一个更好的做法给你，用 tailwindcss 原子化的方法去写样式，连 less、scss 都不需要，而且打包出来的样式体积相比用 less、scss 减少 70%。
楼主是不是从 Vue 切换到 React 
，Vue 确实有一套局部样式方案，React 的 css 方案很杂，我写过 vue 的局部样式、less、scss 还有 tailwindcss ，最后一个觉得是最爽的，less、scss 文件都省了，直接给你配置好，用一套默认的命名还有利于团队协作，多个项目统一规范。如果要做到体积的极致，还可以像 twitter/facebook 那样把样式名给 hash，进一步减少体积。
/pub/DPDkdo-zD97dNd)
可以看到 twitter 的样式都是 hash 过的。