怎样让less只作用当前组件 ？

[zhuanglong]

引入less文件导致样式冲突，怎样让less只作用当前组件 ？

[coderzzp]

我目前的做法是：给所在组件的顶层元素增加一个类名

[yezihaohao]

推荐使用css-modules。可以尝试下哈 可以参考：CSS Modules 详解及 React 中实践 https://github.com/gajus/react-css-modules

[2225025616]

{
            test: /\.(css|less)$/,
            use: [
              require.resolve('style-loader'),
              {
                loader: require.resolve('css-loader'),
                options: {
                  importLoaders: 1,
                  sourceMap: true,
                  localIndexName:"[name]__[local]___[hash:base64:5]"
                },
              },
              {
                loader: require.resolve('less-loader'),
                options: {
                  importLoaders: 1,
                  sourceMap: true,
                  localIndexName:"[name]__[local]___[hash:base64:5]"
                },
              }